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

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

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

系統(tǒng) 3068 0
?1 判斷select選項(xiàng)中?是否存在Value="paraValue"的Item?
?2 向select選項(xiàng)中?加入一個(gè)Item?
?3 從select選項(xiàng)中?刪除一個(gè)Item?
?4 刪除select中選中的項(xiàng)?
?5 修改select選項(xiàng)中?value="paraValue"的text為"paraText"?
?6 設(shè)置select中text="paraText"的第一個(gè)Item為選中?
?7 設(shè)置select中value="paraValue"的Item為選中?
?8 得到select的當(dāng)前選中項(xiàng)的value?
?9 得到select的當(dāng)前選中項(xiàng)的text?
10 得到select的當(dāng)前選中項(xiàng)的Index?
11 清空select的項(xiàng)?

js?代碼
// ?1.判斷select選項(xiàng)中?是否存在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選項(xiàng)中?加入一個(gè)Item????????
function ?jsAddItemToSelect(objSelect,?objItemText,?objItemValue)? {????????
????
// 判斷是否存在????????
???? if ?(jsSelectIsExitItem(objSelect,?objItemValue))? {????????
????????alert(
" 該Item的Value值已經(jīng)存在 " );????????
????}
? else ? {????????
????????
var ?varItem? = ? new ?Option(objItemText,?objItemValue);??????
????????objSelect.options.add(varItem);?????
????????alert(
" 成功加入 " );?????
????}
????????
}
????????
???
// ?3.從select選項(xiàng)中?刪除一個(gè)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中?不存在該項(xiàng) " );????????
????}
????????
}
????
???
???
// ?4.刪除select中選中的項(xiàng)????
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選項(xiàng)中?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中?不存在該項(xiàng) " );????????
????}
????????
}
????????
???
// ?6.設(shè)置select中text="paraText"的第一個(gè)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出結(jié)果????????
???? if ?(isExit)? {????????
????????alert(
" 成功選中 " );????????
????}
? else ? {????????
????????alert(
" 該select中?不存在該項(xiàng) " );????????
????}
????????
}
????????
???
// ?7.設(shè)置select中value="paraValue"的Item為選中????
document.all.objSelect.value? = ?objItemValue;????
???????
// ?8.得到select的當(dāng)前選中項(xiàng)的value????
var ?currSelectValue? = ?document.all.objSelect.value;????
???????
// ?9.得到select的當(dāng)前選中項(xiàng)的text????
var ?currSelectText? = ?document.all.objSelect.options[document.all.objSelect.selectedIndex].text;????
???????
// ?10.得到select的當(dāng)前選中項(xiàng)的Index????
var ?currSelectIndex? = ?document.all.objSelect.selectedIndex;????
???????
// ?11.清空select的項(xiàng)????
document.all.objSelect.options.length? = ? 0 ;???

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


更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號(hào)聯(lián)系: 360901061

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

【本文對(duì)您有幫助就好】

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

發(fā)表我的評(píng)論
最新評(píng)論 總共0條評(píng)論
主站蜘蛛池模板: 县级市| 高阳县| 潞城市| 阜新| 日照市| 怀安县| 枣阳市| 梁平县| 三门峡市| 自贡市| 奈曼旗| 科尔| 满洲里市| 丹寨县| 宝山区| 斗六市| 江西省| 吴桥县| 迁安市| 滨州市| 新源县| 台中市| 墨江| 景谷| 府谷县| 克什克腾旗| 探索| 玛沁县| 怀仁县| 出国| 乌鲁木齐市| 阿尔山市| 元氏县| 自贡市| 阿拉善左旗| 沽源县| 苍山县| 德江县| 达孜县| 济源市| 迭部县|