zoukankan      html  css  js  c++  java
  • JS 操作Select元素

    /*------------------------------------------------------
     *说明: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 == value){
       obj.remove(i);
      }
     }        
    }
    //4.删除某一个index的选项
    function RemoveItem(obj,index){
     obj.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
    }

     .Net赋默认值代码

    DropDownList1.SelectedValue=string;
    //string就是刚进页面时你要DropDownList所选的值
    //
    下面是可以根据 text 和value 来设置的
    DropDownList1.Items.FindByText(string).Selected=true;
    DropDownList1.Items.FindByValue(string).Selected
    =true;
  • 相关阅读:
    重新认识布局:html和body元素
    重新认识布局:3d空间中的css盒子
    重新认识布局:百分比单位
    重新认识布局:标准流,浮动,定位的关系
    Redis(1.7)Redis高可用架构与数据库交互(理论篇)
    C++: 模块定义文件声明(.def)的使用
    HttpListener supports SSL only for localhost? install certificate
    跨域请求引起的 OPTIONS request
    html 浏览器自动加上 标签的详解
    c# HttpServer 的使用
  • 原文地址:https://www.cnblogs.com/qixuejia/p/1803739.html
Copyright © 2011-2022 走看看