Javascript如何运行HTML下拉列表标签

Javascript如何运行HTML下拉列表标签
首先告诉你关于实现的想法,介绍的具体内容请看下面。

确定是否在选择期权有价值=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下拉列表标签的方式,希望您喜欢这篇文章。

tag:下拉列表标签运行电脑软件Javascript

相关内容