zoukankan      html  css  js  c++  java
  • Js操作Select大全

    复制代码
    //下拉框联动,如果存在某值,则选中
    $("#Input").find("option").each(function (index, item) { if ($(item).val() == '选中值') { $('#InputPlayerShip')[0].selectedIndex = index;//选择 } }); }
    复制代码

    判断select选项中 是否存在Value="paraValue"的Item 
    向select选项中 加入一个Item 
    从select选项中 删除一个Item 
    删除select中选中的项 
    修改select选项中 value="paraValue"的text为"paraText" 
    设置select中text="paraText"的第一个Item为选中 
    设置select中value="paraValue"的Item为选中 
    得到select的当前选中项的value 
    得到select的当前选中项的text 
    得到select的当前选中项的Index 
    清空select的项 
    js 代码
    // 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.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中选中的项    
    function jsRemoveSelectedItemFromSelect(objSelect) {        
        var length = objSelect.options.length - 1;    
        for(var i = length; i >= 0; i--){    
            if(objSelect[i].selected == true){    
                objSelect.options[i] = null;             }         }     }           // 5.修改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中 不存在该项");             }         }             // 6.设置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中 不存在该项");             }         }             // 7.设置select中value="paraValue"的Item为选中     document.all.objSelect.value = objItemValue;             // 8.得到select的当前选中项的value     var currSelectValue = document.all.objSelect.value;             // 9.得到select的当前选中项的text     var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;             // 10.得到select的当前选中项的Index     var currSelectIndex = document.all.objSelect.selectedIndex;             // 11.清空select的项     document.all.objSelect.options.length = 0; 

  • 相关阅读:
    Yaf 在 Nginx 中的配置
    关于 GPG 用这个 就够 了
    PHP 服务器端处理跨域问题
    Linux 终端代理方式
    【转载】Oracle数据字典详解
    【转载】Oracle之内存结构(SGA、PGA)
    【转载】 使用rman进行坏块修复(ORA-01578、ORA-01110)
    【转载】使用Exp和Expdp导出数据的性能对比与优化
    【转载】oracle dbms_metadata.get_ddl的使用方法总结
    ORACLE执行详解
  • 原文地址:https://www.cnblogs.com/huangyin1213/p/5580228.html
Copyright © 2011-2022 走看看