1判斷select選項中是否存在Value="paraValue"的Item2向select選項中加入一個Item3從select選項中刪除一個Item4刪除select中選中的項5修改select選項中value="paraValu" />

日韩久久久精品,亚洲精品久久久久久久久久久,亚洲欧美一区二区三区国产精品 ,一区二区福利

Javascript 操作select控件大全(新增、修改、

系統 2802 0
?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"的Item????????
function ?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選項中?加入一個Item????????
function ?jsAddItemToSelect(objSelect,?objItemText,?objItemValue)? {????????
????
// 判斷是否存在????????
???? if ?(jsSelectIsExitItem(objSelect,?objItemValue))? {????????
????????alert(
" 該Item的Value值已經存在 " );????????
????}
? else ? {????????
????????
var ?varItem? = ? new ?Option(objItemText,?objItemValue);??????
????????objSelect.options.add(varItem);?????
????????alert(
" 成功加入 " );?????
????}
????????
}
????????
???
// ?3.從select選項中?刪除一個Item????????
function ?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中選中的項????
function ?jsRemoveSelectedItemFromSelect(objSelect)? {????????
????
var ?length? = ?objSelect.options.length? - ? 1 ;????
????
for ( var ?i? = ?length;?i? >= ? 0 ;?i -- ) {????
????????
if (objSelect[i].selected? == ? true ) {????
????????????objSelect.options[i]?
= ? null ;????
????????}
????
????}
????
}
??????
???
// ?5.修改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中?不存在該項 " );????????
????}
????????
}
????????
???
// ?6.設置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中?不存在該項 " );????????
????}
????????
}
????????
???
// ?7.設置select中value="paraValue"的Item為選中????
document.all.objSelect.value? = ?objItemValue;????
???????
// ?8.得到select的當前選中項的value????
var ?currSelectValue? = ?document.all.objSelect.value;????
???????
// ?9.得到select的當前選中項的text????
var ?currSelectText? = ?document.all.objSelect.options[document.all.objSelect.selectedIndex].text;????
???????
// ?10.得到select的當前選中項的Index????
var ?currSelectIndex? = ?document.all.objSelect.selectedIndex;????
???????
// ?11.清空select的項????
document.all.objSelect.options.length? = ? 0 ;???

Javascript 操作select控件大全(新增、修改、刪除、選中、清空、判斷存在等)


更多文章、技術交流、商務合作、聯系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 三亚市| 略阳县| 阳新县| 宜城市| 历史| 阜平县| 长治市| 改则县| 毕节市| 扬中市| 凉山| 大新县| 吴川市| 三河市| 牟定县| 邵阳县| 淳化县| 峡江县| 雷山县| 改则县| 牟定县| 澳门| 分宜县| 吉安市| 兴仁县| 通州区| 朝阳市| 富阳市| 兴国县| 长宁区| 平度市| 林甸县| 安图县| 苗栗县| 灵宝市| 长宁区| 达州市| 方城县| 墨竹工卡县| 抚顺市| 迭部县|