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

黄色网页视频 I 影音先锋日日狠狠久久 I 秋霞午夜毛片 I 秋霞一二三区 I 国产成人片无码视频 I 国产 精品 自在自线 I av免费观看网站 I 日本精品久久久久中文字幕5 I 91看视频 I 看全色黄大色黄女片18 I 精品不卡一区 I 亚洲最新精品 I 欧美 激情 在线 I 人妻少妇精品久久 I 国产99视频精品免费专区 I 欧美影院 I 欧美精品在欧美一区二区少妇 I av大片网站 I 国产精品黄色片 I 888久久 I 狠狠干最新 I 看看黄色一级片 I 黄色精品久久 I 三级av在线 I 69色综合 I 国产日韩欧美91 I 亚洲精品偷拍 I 激情小说亚洲图片 I 久久国产视频精品 I 国产综合精品一区二区三区 I 色婷婷国产 I 最新成人av在线 I 国产私拍精品 I 日韩成人影音 I 日日夜夜天天综合

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

系統 3205 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條評論