zoukankan      html  css  js  c++  java
  • 转帖:select元素javascript常用操作

    我是个懒人,没办法,只会转帖了
    /*------------------------------------------------------
     *作者:xieyu @ 2007-08-14
     *语言:JavaScript
     *说明:select元素javascript常用操作
     * 1.判断是否存在指定value的Item
     * 2.加入一个Item
     * 3.删除值为value的所有Item
     * 4.删除某一个index的选项
     * 5.更新第index项的value和text
     * 6.设置select中指定text的第一个Item为选中
     * 7.设置select中指定value的第一个Item为选中
     * 8.得到当前选中项的value
     * 9.得到当前选中项的index
     *  10.得到当前选中项的text
     * 11.清空所有选项
    -------------------------------------------------------*/
    //1.判断是否存在指定value的Item
    function ExistValue(obj,value){
        for(var i=0;i<obj.options.length;i++){
            if(obj.options[i].value == value){
                return true;
            }
        }     
        return false;
    }
    //2.加入一个Item
    function AddItem(obj,text,value){
     var varItem = new Option(text,value);
     obj.options.add(varItem);
    }
    //3.删除值为value的所有Item
    function RemoveItems(obj,value){
     for(var i=0;i<obj.options.length;i++){
      if(obj.options[i].value == ItemValue){
       obj.options.remove(i);
      }
     }       
    }
    //4.删除某一个index的选项
    function RemoveItem(obj,index){
     obj.options.remove(index);
    }

    //5.更新第index项的value和text
    function UpdateItem(obj,index,value,text){
     obj.options[index].value = value;
     obj.options[index].text = text;
    }
           
    //6.设置select中指定text的第一个Item为选中
    function SelectItemByText(obj,text){   
        var isExit = false;
        for(var i=0;i<obj.options.length;i++){
            if(obj.options[i].text == text){
                obj.options[i].selected = true;
                return true;
            }
        }
     return false;
     
    }
    //7.设置select中指定value的第一个Item为选中
    function SelectItemByValue(obj,value){   
        var isExit = false;
        for(var i=0;i<obj.options.length;i++){
            if(obj.options[i].value == value){
                obj.options[i].selected = true;
                return true;
            }
        }
     return false;
     
    }
    //8.得到当前选中项的value,index,text
    function GetValue(obj){
     return obj.value; 
    }
    //9.得到当前选中项的index
    function GetIndex(obj){
     return obj.selectedIndex; 
    }
    //10.得到当前选中项的text
    function GetText(obj){
     return obj.options[obj.selectedIndex].text;
    }
    //11.清空所有选项
    function Clear(obj){
     obj.options.length = 0; 
    }
  • 相关阅读:
    MongoDB的复合唯一索引
    MongoDB实战读书笔记(二):面向文档的数据
    MongoDB实战读书笔记(一):JavaScript shell操作MongoDB
    JAVA8的java.util.function包
    (转)mongoDB 禁用大内存页面 transparent_hugepage=never
    (转)Centos5.5安装MONO2.10.8和Jexus 5.0开启Linux平台.net应用新篇章
    (转)IIS7 优化-网站请发并发数
    (转)IIS设置优化(需根据服务器性能,调整具体参数值)
    逻辑架构和物理架构(转)
    (转)国内外三个不同领域巨头分享的Redis实战经验及使用场景
  • 原文地址:https://www.cnblogs.com/niceworld/p/1304482.html
Copyright © 2011-2022 走看看