zoukankan      html  css  js  c++  java
  • js操作select相关方法(收集)

    /*
    1.判断select选项中 是否存在value="paravalue"的item
    2.向select选项中 加入一个item
    3.从select选项中 删除一个item
    4.修改select选项中 value="paravalue"的text为"paratext"
    5.设置select中text="paratext"的第一个item为选中
    6.设置select中value="paravalue"的item为选中
    7.得到select的当前选中项的value
    8.得到select的当前选中项的text
    9.得到select的当前选中项的index
    10.清空select的项
    -------------------------------------------
    */
    //1.判断select选项中 是否存在value="paravalue"的item
    function jsselectisexititem(objselect,objitemvalue)
    {
        
    var isexit = false;
        
    for(var i=0;i<objselect.options.length;i++)
        {
      
    if(objselect.options[i].value == objitemvalue)
      {
          isexit 
    = true;
          
    break;
      }
        }      
        
    return isexit;


    //2.向select选项中 加入一个item
    function jsadditemtoselect(objselect,objitemtext,objitemvalue)
    {
        
    //判断是否存在
        if(jsselectisexititem(objselect,objitemvalue))
        {
      alert(
    "该item的value值已经存在");
        }
        
    else
        {
      
    var varitem = new option(objitemtext,objitemvalue);
    //      objselect.options[objselect.options.length] = varitem;
      objselect.options.add(varitem);
      alert(
    "成功加入");
        }    
    }

    //3.从select选项中 删除一个item
    function jsremoveitemfromselect(objselect,objitemvalue)
    {
        
    //判断是否存在
        if(jsselectisexititem(objselect,objitemvalue))
        {
      
    for(var i=0;i<objselect.options.length;i++)
      {
          
    if(objselect.options[i].value == objitemvalue)
          {
        objselect.options.remove(i);
        
    break;
          }
      }  
      alert(
    "成功删除");      
        }
        
    else
        {
      alert(
    "该select中 不存在该项");
        }    
    }

    //4.修改select选项中 value="paravalue"的text为"paratext"
    function jsupdateitemtoselect(objselect,objitemtext,objitemvalue)
    {
        
    //判断是否存在
        if(jsselectisexititem(objselect,objitemvalue))
        {
      
    for(var i=0;i<objselect.options.length;i++)
      {
          
    if(objselect.options[i].value == objitemvalue)
          {
        objselect.options[i].text 
    = objitemtext;
        
    break;
          }
      }  
      alert(
    "成功修改");      
        }
        
    else
        {
      alert(
    "该select中 不存在该项");
        }    
    }
      
    //5.设置select中text="paratext"的第一个item为选中
    function jsselectitembyvalue(objselect,objitemtext)
    {    
        
    //判断是否存在
        var isexit = false;
        
    for(var i=0;i<objselect.options.length;i++)
        {
      
    if(objselect.options[i].text == objitemtext)
      {
          objselect.options[i].selected 
    = true;
          isexit 
    = true;
          
    break;
      }
        }      
        
    //show出结果
        if(isexit)
        { 
      alert(
    "成功选中");      
        }
        
    else
        {
      alert(
    "该select中 不存在该项");
        }    
    }

    //6.设置select中value="paravalue"的item为选中
    //
    document.all.objselect.value = objitemvalue;

    //7.得到select的当前选中项的value
    //
    var currselectvalue = document.all.objselect.value;

    //8.得到select的当前选中项的text
    //
    var currselecttext = document.all.objselect.options[document.all.objselect.selectedindex].text;

    //9.得到select的当前选中项的index
    //
    var currselectindex = document.all.objselect.selectedindex;

    //10.清空select的项
    //
     document.all.objselect.options.length = 0;
  • 相关阅读:
    T4模板+Web.config连接SqlServer+DBManage.cs+DbHelper.cs
    MVCApplication
    MVC路由(Route)
    过滤器+用session验证是否登陆过
    前台.cshtml得到session值方法
    C++ sort() method with 1.default operator,2 stand library compare ,3custom function,4,lambda expression
    C++ boost serialize struct to text
    C++ multi thread via pthread to retrieve returned result
    C++ pthread create and join
    C++ write and read file via fstream in ios::out,ios::in,ios::app mode
  • 原文地址:https://www.cnblogs.com/top5/p/1948247.html
Copyright © 2011-2022 走看看