• 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;
  • 相关阅读:
    Linux GCC常用命令
    用两个栈实现一个队列(转载)
    BMP格式介绍(一)
    图像处理笔记(1): bmp文件结构处理与显示
    大数据竞赛平台——Kaggle 入门篇
    图像识别中的深度学习
    面向对象中的抽象和具体类的理解
    全排列算法
    少有程序员读的书
    照片回执
  • 原文地址:https://www.cnblogs.com/top5/p/1948247.html
Copyright © 2020-2023  润新知