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;
    }

  • 相关阅读:
    【java开发系列】—— 集合使用方法
    【java开发系列】—— spring简单入门示例
    解决win7远程桌面连接时发生身份验证错误的方法
    eoLinker-AMS接口管理系统
    CentOS 配置mysql允许远程登录
    Linux上安装ZooKeeper并设置开机启动(CentOS7+ZooKeeper3.4.10)
    Cent OS home下中文目录改成英文目录
    解决redis-cli command not found问题
    Centos7使用yum安装Mysql5.7.19的详细步骤(可用)
    取消centOS7虚拟机锁屏
  • 原文地址:https://www.cnblogs.com/scy251147/p/1989757.html
Copyright © 2011-2022 走看看