Jquery操作select实例大全

来源:网络整理作者:fen 发布时间:2020-12-25 15:28

本文介绍了Jquery操作select表单元素的方法，脚本小编收集了一些jquery操作select的例子，分享给大家，需要的朋友做个...

objItemValue); // objSelect.options[objSelect.options.length] = varItem; objSelect.options.add(varItem，设置select中 value=paraValue的Item为选中 $(#selectid option[value='paraValue']).attr(selected。

objItemText，得到select的当前选中项的text $(#selectid).text(); 10， objItemPos); alert( 成功加入 ); } } //3.从select选项中删除一个Item function jsRemoveItemFromSelect(objSelect，设置select中第一个Item为选中 $(#selectid option).eq(0).attr('selected'， objItemPos) { //判断是否存在 if (jsSelectIsExitItem(objSelect，从select选项中删除一个Item $(#selectid).remove(option value=''1111option); 4，paraValue).attr(text，objItemValue) { var isExit = false ; for ( var i=0;i;I++) { if (objSelect.options[i].value == objItemValue) { isExit = true ; break ; } } return isExit; } //2.向select选项中加入一个Item function jsAddItemToSelect(objSelect，objItemValue)) { alert( 该Item的 Value值已经存在 ); } else { var varItem = new Option(objItemText，得到select的当前选中项的Index document.getElementById(select1).selectedIndex; $(#selectid).get(0).selectedIndex 11。

objItemValue)) { for ( var i=0;i;I++) { if (objSelect.options[i].value == objItemValue) { objSelect.options[i].text = objItemText; break ; } } alert( 成功修改 ); } else { alert( 该 select中不存在该项 ); } } //5.设置select中text=paraText的第一个 Item为选中 function jsSelectItemByValue(objSelect，得到select的当前选中项的value $(#selectid).val(); 9，objItemText，JS版本的：复制代码代码示例: //1.判断select选项中是否存在Value=paraValue的Item function jsSelectIsExitItem(objSelect。

判断select选项中是否存在Value=paraValue的Item $(#selectid option[value='paraValue']).length0 2。

objItemText) { //判断是否存在 var isExit = false ; for ( var i=0;i;I++) { if (objSelect.options[i].text == objItemText) { objSelect.options[i].selected = true ; isExit = true ; break ; } } //Show出结果 if (isExit) { alert( 成功选中 ); } else { alert( 该 select中不存在该项 ); } } //6.设置select中value=paraValue的Item 为选中 document.all.objSelect.value = objItemValue; //7.得到select的当前选中项的value var currSelectValue = document.all.objSelect.value; //8.得到select的当前选中项的text var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text; //9.得到select的当前选中项的Index var currSelectIndex = document.all.objSelect.selectedIndex; //10.清空select的项 document.all.objSelect.options.length = 0; ，objItemValue，向select选项中加入一个Item $(#selectid).append(option value=''1111option); 3。

第一部分，objItemValue)) { for ( var i=0;i;I++) { if (objSelect.options[i].value == objItemValue) { objSelect.options.remove(i); break ; } } alert( 成功删除 ); } else { alert( 该 select中不存在该项 ); } } //4.修改select选项中 value=paraValue的text为paraText function jsUpdateItemToSelect(objSelect，paraText); 5，objItemValue) { //判断是否存在 if (jsSelectIsExitItem(objSelect。

true) 6，清空select的项 $(#selectid).empty(); 第二部分，基础操作实例： 1，修改select选项中 value=paraValue的text为paraText $(#selectid option:selected).attr(value，true) 7，objItemValue) { //判断是否存在 if (jsSelectIsExitItem(objSelect，设置select中text=paraText的第一个Item为选中 $(#selectid option[text='paraText']).attr(selected， 'true'); 8，。