Javascript 操作select控件大全(新增、修改、
系統
2742 0
Posted on 2007-08-08 14:56
禮拜一
閱讀(14918)
評論(28)
?
編輯
收藏
網摘
所屬分類:
JavaScript

<!---->
?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元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元