Javascript 操作select控件大全新增、修改、删除、选中、清空、判断-

1、Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等 Posted on 2007-08-08 14:56 礼拜一阅读(9222 评论(20 编辑收藏所属分类: JavaScript1判断select选项中是否存在Value="paraValue"的Item2向select选项中加入一个Item3从select选项中删除一个Item4删除select中选中的项5修改select选项中 value="paraValue"的text为"paraText"6设置select中text="para

2、Text"的第一个Item为选中7设置select中value="paraValue"的Item为选中8得到select的当前选中项的value9得到select的当前选中项的text10得到select的当前选中项的Index11清空select的项js 代码/ 1.判断select选项中是否存在Value="paraValue"的Itemfunction jsSelectIsExitItem(objSelect, objItemValue var isExit = false;if (objSelect.optionsi.value = o

3、bjItemValue isExit = true;break;return isExit;/ 2.向select选项中加入一个Itemfunction jsAddItemToSelect(objSelect, objItemText, objItemValue /判断是否存在if (jsSelectIsExitItem(objSelect, objItemValue alert("该Item的Value值已经存在" else var varItem = new Option(objItemText, objItemValue;alert("成功加入"/

4、 3.从select选项中删除一个Itemfunction jsRemoveItemFromSelect(objSelect, objItemValue /判断是否存在if (jsSelectIsExitItem(objSelect, objItemValue if (objSelect.optionsi.value = objItemValue break;alert("成功删除" else alert("该select中不存在该项"/ 4.删除select中选中的项function jsRemoveSelectedItemFromSelect(obj

5、Select for(var i = length; i >= 0; i-if(objSelecti.selected = trueobjSelect.optionsi = null;/ 5.修改select选项中 value="paraValue"的text为"paraText"function jsUpdateItemToSelect(objSelect, objItemText, objItemValue /判断是否存在if (jsSelectIsExitItem(objSelect, objItemValue if (objSelect.o

6、ptionsi.value = objItemValue objSelect.optionsi.text = objItemText;break;alert("成功修改" else alert("该select中不存在该项"/ 6.设置select中text="paraText"的第一个Item为选中function jsSelectItemByValue(objSelect, objItemText /判断是否存在var isExit = false;if (objSelect.optionsi.text = objItemText objSelect.optionsi.selected = true;isExit = true;break;/Show出结果if (isExit alert("成功选中" else alert("该select中不存在该项"/ 7.设置select中value="paraVal