JS操作select相关方法:新增 修改 删除 选中 清空 判断存在 等
1.判断select选项中 是否存在Value="paraValue"的Item2.向select选项中 加入一个Item3.从select选项中 删除一个Item4.修改select选项中 value="paraValue"的text为"paraText"5.设置select中text="paraText"的第一个Item为选中6.设置select中value="paraValue"的Item为选中7.得到select的当前选中项的value8.得到select的当前选中项的text9.得到select的当前选中项的Index10.清空select的项-------------------------------------------//1.判断select选项中 是否存在Value="paraValue"的Itemfunction jsSelectIsExitItem(objSelect,objItemValue){ var isExit = false; for(var i=0;i<objSelect.options.length;i++) { if(objSelect.options[i].value == objItemValue) { 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);// objSelect.options[objSelect.options.length] = varItem; objSelect.options.add(varItem); alert("成功加入"); } }//3.从select选项中 删除一个Itemfunction jsRemoveItemFromSelect(objSelect,objItemValue){ //判断是否存在 if(jsSelectIsExitItem(objSelect,objItemValue)) { for(var i=0;i<objSelect.options.length;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,objItemText,objItemValue){ //判断是否存在 if(jsSelectIsExitItem(objSelect,objItemValue)) { for(var i=0;i<objSelect.options.length;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,objItemText){ //判断是否存在 var isExit = false; for(var i=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中 不存在该项"); } }//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;
?