星空网 > 软件开发 > Java

js操作HTML下拉列表标签

判断select选项中 是否存在Value="paraValue"的Item
js操作HTML下拉列表标签向select选项中 加入一个Item
js操作HTML下拉列表标签从select选项中 删除一个Item
js操作HTML下拉列表标签删除select中选中的项
js操作HTML下拉列表标签修改select选项中 value="paraValue"的text为"paraText"
js操作HTML下拉列表标签设置select中text="paraText"的第一个Item为选中
js操作HTML下拉列表标签设置select中value="paraValue"的Item为选中
js操作HTML下拉列表标签得到select的当前选中项的value
js操作HTML下拉列表标签得到select的当前选中项的text
js操作HTML下拉列表标签得到select的当前选中项的Index
js操作HTML下拉列表标签清空select的项
js操作HTML下拉列表标签js 代码
js操作HTML下拉列表标签// 1.判断select选项中 是否存在Value="paraValue"的Item       
js操作HTML下拉列表标签js操作HTML下拉列表标签function jsSelectIsExitItem(objSelect, objItemValue) js操作HTML下拉列表标签{       
js操作HTML下拉列表标签    var isExit =false;       
js操作HTML下拉列表标签js操作HTML下拉列表标签    for (var i =0; i < objSelect.options.length; i++) js操作HTML下拉列表标签{       
js操作HTML下拉列表标签js操作HTML下拉列表标签        if (objSelect.options[i].value == objItemValue) js操作HTML下拉列表标签{       
js操作HTML下拉列表标签            isExit =true;       
js操作HTML下拉列表标签            break;       
js操作HTML下拉列表标签        }       
js操作HTML下拉列表标签    }       
js操作HTML下拉列表标签    return isExit;       
js操作HTML下拉列表标签}        
js操作HTML下拉列表标签  
js操作HTML下拉列表标签// 2.向select选项中 加入一个Item       
js操作HTML下拉列表标签js操作HTML下拉列表标签function jsAddItemToSelect(objSelect, objItemText, objItemValue) js操作HTML下拉列表标签{       
js操作HTML下拉列表标签    //判断是否存在       
js操作HTML下拉列表标签js操作HTML下拉列表标签    if (jsSelectIsExitItem(objSelect, objItemValue)) js操作HTML下拉列表标签{       
js操作HTML下拉列表标签        alert("该Item的Value值已经存在");       
js操作HTML下拉列表标签js操作HTML下拉列表标签    }elsejs操作HTML下拉列表标签{       
js操作HTML下拉列表标签        var varItem =new Option(objItemText, objItemValue);     
js操作HTML下拉列表标签        objSelect.options.add(varItem);    
js操作HTML下拉列表标签        alert("成功加入");    
js操作HTML下拉列表标签    }       
js操作HTML下拉列表标签}       
js操作HTML下拉列表标签  
js操作HTML下拉列表标签// 3.从select选项中 删除一个Item       
js操作HTML下拉列表标签js操作HTML下拉列表标签function jsRemoveItemFromSelect(objSelect, objItemValue) js操作HTML下拉列表标签{       
js操作HTML下拉列表标签    //判断是否存在       
js操作HTML下拉列表标签js操作HTML下拉列表标签    if (jsSelectIsExitItem(objSelect, objItemValue)) js操作HTML下拉列表标签{       
js操作HTML下拉列表标签js操作HTML下拉列表标签        for (var i =0; i < objSelect.options.length; i++) js操作HTML下拉列表标签{       
js操作HTML下拉列表标签js操作HTML下拉列表标签            if (objSelect.options[i].value == objItemValue) js操作HTML下拉列表标签{       
js操作HTML下拉列表标签                objSelect.options.remove(i);       
js操作HTML下拉列表标签                break;       
js操作HTML下拉列表标签            }       
js操作HTML下拉列表标签        }       
js操作HTML下拉列表标签        alert("成功删除");       
js操作HTML下拉列表标签js操作HTML下拉列表标签    }elsejs操作HTML下拉列表标签{       
js操作HTML下拉列表标签        alert("该select中 不存在该项");       
js操作HTML下拉列表标签    }       
js操作HTML下拉列表标签}   
js操作HTML下拉列表标签  
js操作HTML下拉列表标签  
js操作HTML下拉列表标签// 4.删除select中选中的项   
js操作HTML下拉列表标签js操作HTML下拉列表标签function jsRemoveSelectedItemFromSelect(objSelect) js操作HTML下拉列表标签{       
js操作HTML下拉列表标签    var length = objSelect.options.length -1;   
js操作HTML下拉列表标签js操作HTML下拉列表标签    for(var i = length; i >=0; i--)js操作HTML下拉列表标签{   
js操作HTML下拉列表标签js操作HTML下拉列表标签        if(objSelect[i].selected ==true)js操作HTML下拉列表标签{   
js操作HTML下拉列表标签            objSelect.options[i] =null;   
js操作HTML下拉列表标签        }   
js操作HTML下拉列表标签    }   
js操作HTML下拉列表标签}     
js操作HTML下拉列表标签  
js操作HTML下拉列表标签// 5.修改select选项中 value="paraValue"的text为"paraText"       
js操作HTML下拉列表标签js操作HTML下拉列表标签function jsUpdateItemToSelect(objSelect, objItemText, objItemValue) js操作HTML下拉列表标签{       
js操作HTML下拉列表标签    //判断是否存在       
js操作HTML下拉列表标签js操作HTML下拉列表标签    if (jsSelectIsExitItem(objSelect, objItemValue)) js操作HTML下拉列表标签{       
js操作HTML下拉列表标签js操作HTML下拉列表标签        for (var i =0; i < objSelect.options.length; i++) js操作HTML下拉列表标签{       
js操作HTML下拉列表标签js操作HTML下拉列表标签            if (objSelect.options[i].value == objItemValue) js操作HTML下拉列表标签{       
js操作HTML下拉列表标签                objSelect.options[i].text = objItemText;       
js操作HTML下拉列表标签                break;       
js操作HTML下拉列表标签            }       
js操作HTML下拉列表标签        }       
js操作HTML下拉列表标签        alert("成功修改");       
js操作HTML下拉列表标签js操作HTML下拉列表标签    }elsejs操作HTML下拉列表标签{       
js操作HTML下拉列表标签        alert("该select中 不存在该项");       
js操作HTML下拉列表标签    }       
js操作HTML下拉列表标签}       
js操作HTML下拉列表标签  
js操作HTML下拉列表标签// 6.设置select中text="paraText"的第一个Item为选中       
js操作HTML下拉列表标签js操作HTML下拉列表标签function jsSelectItemByValue(objSelect, objItemText) js操作HTML下拉列表标签{           
js操作HTML下拉列表标签    //判断是否存在       
js操作HTML下拉列表标签    var isExit =false;       
js操作HTML下拉列表标签js操作HTML下拉列表标签    for (var i =0; i < objSelect.options.length; i++) js操作HTML下拉列表标签{       
js操作HTML下拉列表标签js操作HTML下拉列表标签        if (objSelect.options[i].text == objItemText) js操作HTML下拉列表标签{       
js操作HTML下拉列表标签            objSelect.options[i].selected =true;       
js操作HTML下拉列表标签            isExit =true;       
js操作HTML下拉列表标签            break;       
js操作HTML下拉列表标签        }       
js操作HTML下拉列表标签    }             
js操作HTML下拉列表标签    //Show出结果       
js操作HTML下拉列表标签js操作HTML下拉列表标签    if (isExit) js操作HTML下拉列表标签{       
js操作HTML下拉列表标签        alert("成功选中");       
js操作HTML下拉列表标签js操作HTML下拉列表标签    }elsejs操作HTML下拉列表标签{       
js操作HTML下拉列表标签        alert("该select中 不存在该项");       
js操作HTML下拉列表标签    }       
js操作HTML下拉列表标签}       
js操作HTML下拉列表标签  
js操作HTML下拉列表标签// 7.设置select中value="paraValue"的Item为选中   
js操作HTML下拉列表标签document.all.objSelect.value = objItemValue;   
js操作HTML下拉列表标签      
js操作HTML下拉列表标签// 8.得到select的当前选中项的value   
js操作HTML下拉列表标签var currSelectValue = document.all.objSelect.value;   
js操作HTML下拉列表标签      
js操作HTML下拉列表标签// 9.得到select的当前选中项的text   
js操作HTML下拉列表标签var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;   
js操作HTML下拉列表标签      
js操作HTML下拉列表标签// 10.得到select的当前选中项的Index   
js操作HTML下拉列表标签var currSelectIndex = document.all.objSelect.selectedIndex;   
js操作HTML下拉列表标签      
js操作HTML下拉列表标签// 11.清空select的项   
js操作HTML下拉列表标签document.all.objSelect.options.length =0; 




原标题:js操作HTML下拉列表标签

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

重磅 | 亚马逊欧洲站卖家资质审核流程(KYC)大幅简化!:https://www.kjdsnews.com/a/1511224.html
以理想汽车为例:聊聊新能源营销:https://www.kjdsnews.com/a/1511225.html
在沙特注册公司需要缴纳哪些税款?沙特税收制度简介。沙特VAT注册。:https://www.kjdsnews.com/a/1511226.html
用一篇文章来帮你明确搭建帮助中心的定位和目的:https://www.kjdsnews.com/a/1511227.html
泰国支持订阅支付工具有哪些?:https://www.kjdsnews.com/a/1511228.html
如何鉴别一个靠谱的FBA头程物流服务商?:https://www.kjdsnews.com/a/1511229.html
长治婚庆女司仪和主持人:https://www.vstour.cn/a/366176.html
北京丰台区水上乐园哪家好玩?:https://www.vstour.cn/a/366177.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流