js操作select相關(guān)方法

《js操作select相關(guān)方法》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、js操作select相關(guān)方法1.判斷select選項中是否存在Value="paraValue"的Item2.向select選項中加入一個Item3.從select選項中刪除一個Item4.修改select選項中value="paraValue"的text為"paraText"5.設(shè)置select中text="paraText"的第一個Item為選中6.設(shè)置select中value="paraValue"的Item為選中7.得到select的當(dāng)前選中項的value8.得到select的當(dāng)前選中項的text9.得到select的當(dāng)

2、前選中項的Index10.清空select的項JavaScript代碼//1.判斷select選項中?是否存在Value="paraValue"的Item??function?jsSelectIsExitItem(objSelect,objItemValue)??{??????var?isExit?=?false;??????for(var?i=0;i

3、ue)??????????{??????????????isExit?=?true;??????????????break;??????????}??????}???????????return?isExit;??}????//2.向select選項中?加入一個Item??function?jsAddItemToSelect(objSelect,objItemText,objItemValue)??{??????//判斷是否存在??????if(jsSelectIsExitItem(objSelect,objItemValue)

4、)??????{??????????alert("該Item的Value值已經(jīng)存在");??????}??????else??????{??????????var?varItem?=?new?Option(objItemText,objItemValue);??//??????objSelect.options[objSelect.options.length]?=?varItem;??????????objSelect.options.add(varItem);??????????alert("成功加入");??????}??

5、???}????//3.從select選項中?刪除一個Item??function?jsRemoveItemFromSelect(objSelect,objItemValue)??{??????//判斷是否存在??????if(jsSelectIsExitItem(objSelect,objItemValue))??????{??????????for(var?i=0;i

6、alue?==?objItemValue)??????????????{??????????????????objSelect.options.remove(i);??????????????????break;??????????????}??????????}?????????????????alert("成功刪除");?????????????????}??????else??????{??????????alert("該select中?不存在該項");??????}?????}????//4.修改select選項中?va

7、lue="paraValue"的text為"paraText"??function?jsUpdateItemToSelect(objSelect,objItemText,objItemValue)??{??????//判斷是否存在??????if(jsSelectIsExitItem(objSelect,objItemValue))??????{??????????for(var?i=0;i

8、tions[i].value?==?objItemValue)??????????????{??????????????????objSelect.options[i].text?=?objItemText;??????????????????break;???