首先告诉你关于实现的想法,介绍的具体内容请看下面。

确定是否在选择期权有价值=paravalue 项目

在选择选项中添加项

从select选项中删除项

删除选定的项目

价值=paravalue 中选择选项的修改是副文本的文本

设置文本=副文本中选择要选定的第一个项目

集值=paravalue 中选择要选择的项目

获取当前选定项的值。

获取当前选定项的文本

获取当前选定项的索引。

清除选择项

JS代码

价值= / / paravalue 选项中选择1项的存在。判断




功能jsselectisexititem(objselect,objitemvalue){
无功isexit = false;
对于(var i = 0;i < objselect.options.length;i++){
如果(objselect。选项{我}。值= = objitemvalue){
isexit =真;
打破;
}
}
返回isexit;
}


2。选择添加项目的选项


功能jsadditemtoselect(objselect,objitemtext,objitemvalue){
确定是否有/
如果(jsselectisexititem(objselect,objitemvalue)){
警报(该项目的值已存在);
其他{ }
无功varitem =新的选项(objitemtext,objitemvalue);
ObjSelect.options.add(varitem);
警报(成功加入);
}
}






从3。选择删除项的选项


功能jsremoveitemfromselect(objselect,objitemvalue){
确定是否有/
如果(jsselectisexititem(objselect,objitemvalue)){
对于(var i = 0;i < objselect.options.length;i++){
如果(objselect。选项{我}。值= = objitemvalue){
ObjSelect.options.remove(我);
打破;
}
}
警报(已成功删除);
其他{ }
警报(select中不存在此项);
}
}


4。选择删除所选项目


功能jsremoveselecteditemfromselect(objselect){
objselect.options.length VaR长度= 1;
对于(var i =长度;i = 0;i){
If (objSelect{i}.selected ==true) {
objselect选项{我} = null;
}
}
}




5。 / /修改此值=paravalue文本副文本选项


功能jsupdateitemtoselect(objselect,objitemtext,objitemvalue){
确定是否有/
如果(jsselectisexititem(objselect,objitemvalue)){
对于(var i = 0;i < objselect.options.length;i++){
如果(objselect。选项{我}。值= = objitemvalue){
objselect。选项{我}文本= objitemtext;
打破;
}
}
警报(成功的修订);
其他{ }
警报(select中不存在此项);
}
}


第一项6。将选定文本=副文本选择


功能jsselectitembyvalue(objselect,objitemtext){
确定是否有/
无功isexit = false;
对于(var i = 0;i < objselect.options.length;i++){
如果(objselect。选项{我}。文字= = objitemtext){
objselect。选项{我}选择=真;
isexit =真;
打破;
}
}
显示结果
如果(isexit){
警报(成功选择);
其他{ }
警报(select中不存在此项);
}
}


7。 /选择值=paravalue选择项目


document.all.objselect.value = objitemvalue;




8。选择当前选定项的值


无功currselectvalue = document.all.objselect.value;


9。当前选定项目的文本选择


无功currselecttext =文件。所有。objselect。选择{文件。所有。objselect文本。SelectedIndex };


10。索引当前选定项目的选择


无功currselectindex = document.all.objselect.selectedindex;


11。空选择项


document.all.objselect.options.length = 0;




上面的内容介绍了Javascript操作HTML下拉列表标签的方式,希望您喜欢这篇文章。