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

欧美三区_成人在线免费观看视频_欧美极品少妇xxxxⅹ免费视频_a级毛片免费播放_鲁一鲁中文字幕久久_亚洲一级特黄

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

系統 2742 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條評論
主站蜘蛛池模板: 中文字幕在线精品 | 午夜精品视频在线观看 | 57pao成人永久免费视频 | 三级黄色网址 | 黄色网在线播放 | 日韩成人一区 | 国产a区 | 欧美自拍电影 | 国产精品亚洲成在人线 | 丁香婷婷成人 | A片扒开双腿猛进入免费观看 | 久久精品免费视频观看 | 亚洲99影视一区二区三区 | 香蕉视频在线观看免费国产婷婷 | 日韩在线观看中文字幕 | 国产精品久久久久影院色老大 | 亚洲小视频在线播放 | 久草欧美视频 | 精品国产一区二区三区久久 | 久久久久久久国产精品电影 | 9999久久 | 黄在线免费看 | 日本精品人妻无码免费大全 | 理论片午午伦夜理片在线播放 | 亚洲午夜精品久久久久久成年 | 免费看搡女人的视频 | 日本一区二区三区久久久 | 中文字幕一区二区三 | 久久精彩 | 国产美女的小嫩bbb图片 | 天天干妹子 | 欧美成人福利 | 五月色开心婷婷丁香在线 | 国产欧美综合精品一区二区 | 无码缴情做A爱片毛片A片 | 福利入口在线观看 | 国内精品久久久久久久久久久久 | 国产精品点击进入在线影院高清 | 香港午夜三级a三级高清观看 | 精品免费久久久久久成人影院 | 国产一区二区欧美 |