100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 转 JavaScript 操作select控件大全(新增 修改 删除 选中 清空 判断存在等)...

转 JavaScript 操作select控件大全(新增 修改 删除 选中 清空 判断存在等)...

时间:2022-08-21 16:10:19

相关推荐

转 JavaScript 操作select控件大全(新增 修改 删除 选中 清空 判断存在等)...

收藏一下

1、判断select选项中是否存在Value=”paraValue”的Item

2、向select选项中加入一个Item

3、从select选项中删除一个Item

4、删除select中选中的项

5、修改select选项中value=”paraValue”的text为”paraText”

6、设置select中text=”paraText”的第一个Item为选中

7、设置select中value=”paraValue”的Item为选中

8、得到select的当前选中项的value

9、得到select的当前选中项的text

10、得到select的当前选中项的Index

11、清空select的项

//js代码//1.判断select选项中是否存在Value="paraValue"的ItemfunctionjsSelectIsExitItem(objSelect,objItemValue){varisExit=false;for(vari=0;i<objSelect.options.length;i++){if(objSelect.options[i].value==objItemValue){isExit=true;break;}}returnisExit;}//2.向select选项中加入一个ItemfunctionjsAddItemToSelect(objSelect,objItemText,objItemValue){//判断是否存在if(jsSelectIsExitItem(objSelect,objItemValue)){alert("该Item的Value值已经存在");}else{varvarItem=newOption(objItemText,objItemValue);objSelect.options.add(varItem);alert("成功加入");}}//3.从select选项中删除一个ItemfunctionjsRemoveItemFromSelect(objSelect,objItemValue){//判断是否存在if(jsSelectIsExitItem(objSelect,objItemValue)){for(vari=0;i<objSelect.options.length;i++){if(objSelect.options[i].value==objItemValue){objSelect.options.remove(i);break;}}alert("成功删除");}else{alert("该select中不存在该项");}}//4.删除select中选中的项functionjsRemoveSelectedItemFromSelect(objSelect){varlength=objSelect.options.length-1;for(vari=length;i>=0;i--){if(objSelect[i].selected==true){objSelect.options[i]=null;}}}//5.修改select选项中value="paraValue"的text为"paraText"functionjsUpdateItemToSelect(objSelect,objItemText,objItemValue){//判断是否存在if(jsSelectIsExitItem(objSelect,objItemValue)){for(vari=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为选中functionjsSelectItemByValue(objSelect,objItemText){//判断是否存在varisExit=false;for(vari=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的当前选中项的valuevarcurrSelectValue=document.all.objSelect.value;//9.得到select的当前选中项的textvarcurrSelectText=document.all.objSelect.options[document.all.objSelect.selectedIndex].text;//10.得到select的当前选中项的IndexvarcurrSelectIndex=document.all.objSelect.selectedIndex;//11.清空select的项document.all.objSelect.options.length=0;

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。