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;
  • 相关阅读:
    检索通讯录,根据输入的电话号码的每一位下拉显示检索结果
    获取手机的具体型号 及 iOS版本号
    在iOS中使用ZBar扫描二维码
    iOS沙盒路径的查看和使用
    ios打开通讯录及点击通讯录时提取相关信息
    获取倒计时距离某一时间点的时间,判断身份证,电话号码格式是否正确的简单封装
    iOS 获取手机的型号,系统版本,软件名称,软件版本
    第三天战略会议
    第二天站略会议总结
    第一天站略会议总结
  • 原文地址:https://www.cnblogs.com/top5/p/1948247.html
Copyright © 2011-2022 走看看