JS動(dòng)態(tài)添加與刪除select中的Option對(duì)象(示例代碼)
更新時(shí)間：2013年12月20日 09:36:57 作者：
本篇文章主要介紹了JS動(dòng)態(tài)添加與刪除select中的Option對(duì)象(示例代碼) 需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
如下所示：
//動(dòng)態(tài)刪除select中的所有options：
function delAllOptions(){
document.getElementById("user_dm").options.length=0;
}
//動(dòng)態(tài)刪除select中的某一項(xiàng)option：
function delOneOption(index){
document.getElementById("user_dm").options.remove(index);
}
// 動(dòng)態(tài)添加select中的項(xiàng)option:
function addOneOption(){
//document.getElementById("user_dm").options.add(new Option(2,"mytest"));
var selectObj=document.getElementById("user_dm");
alert(selectObj.length);
selectObj.options[selectObj.length] = new Option("mytest", "2");
}
復(fù)制代碼 代碼如下:
//動(dòng)態(tài)刪除select中的所有options：
function delAllOptions(){
document.getElementById("user_dm").options.length=0;
}
//動(dòng)態(tài)刪除select中的某一項(xiàng)option：
function delOneOption(index){
document.getElementById("user_dm").options.remove(index);
}
// 動(dòng)態(tài)添加select中的項(xiàng)option:
function addOneOption(){
//document.getElementById("user_dm").options.add(new Option(2,"mytest"));
var selectObj=document.getElementById("user_dm");
alert(selectObj.length);
selectObj.options[selectObj.length] = new Option("mytest", "2");
}
您可能感興趣的文章:
- JavaScript操作select元素和option的實(shí)例代碼
- javascript操作select元素實(shí)例分析
- 獲取select元素被選中的文本內(nèi)容的js代碼
- js querySelector和getElementById通過(guò)id獲取元素的區(qū)別
- js獲取當(dāng)前select 元素值的代碼
- js 獲取當(dāng)前select元素值的代碼
- JavaScript Select和Option列表元素上下左右移動(dòng)
- extjs 列表框(multiselect)的動(dòng)態(tài)添加列表項(xiàng)的方法
- JS對(duì)HTML標(biāo)簽select的獲取、添加、刪除操作
- 使用js對(duì)select動(dòng)態(tài)添加和刪除OPTION示例代碼
- JavaScript實(shí)現(xiàn)將數(shù)組數(shù)據(jù)添加到Select下拉框的方法
- JS & JQuery 動(dòng)態(tài)添加 select option
- JavaScript實(shí)現(xiàn)向select下拉框中添加和刪除元素的方法
相關(guān)文章
淺析JavaScript中的變量復(fù)制、參數(shù)傳遞和作用域鏈
這篇文章主要介紹了淺析JavaScript中的變量復(fù)制、參數(shù)傳遞和作用域鏈 的相關(guān)資料,需要的朋友可以參考下2016-01-01
如何在CocosCreator中使用http和WebSocket
這篇文章主要介紹了在Cocos Creator中使用的Http和WebSocket，對(duì)websocket感興趣的同學(xué)，一定要看下2021-04-04
這篇文章主要介紹了js圖片查看器插件用法,結(jié)合實(shí)例形式分析了圖片查看器插件viewer.js簡(jiǎn)單使用技巧,需要的朋友可以參考下2019-06-06
昨天我問(wèn)一美工jQuery怎么樣了，他說(shuō)簡(jiǎn)單的還可以，復(fù)雜的就不行了，我又問(wèn)是哪種程度的復(fù)雜？2010-11-11
寫(xiě)js時(shí)遇到的一些小問(wèn)題,需要的朋友可以參考下。2010-12-12
用Javascript 和 CSS 實(shí)現(xiàn)腳注（Footnote）效果
腳注（Footnote）是向用戶(hù)提供更多信息的一個(gè)最佳途徑，也是主體信息的一個(gè)有效補(bǔ)充，常見(jiàn)于各種印刷書(shū)籍中。2009-09-09
js動(dòng)態(tài)添加的DIV中的onclick事件簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇js動(dòng)態(tài)添加的DIV中的onclick事件簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
這篇文章主要介紹了使用Javascript寫(xiě)的2048小游戲的相關(guān)資料,需要的朋友可以參考下2015-11-11
JS 實(shí)現(xiàn)列表與多選框選擇附預(yù)覽動(dòng)畫(huà)
本節(jié)為大家介紹的是用JS實(shí)現(xiàn)列表與多選框選擇，并附gif演示動(dòng)畫(huà)，這個(gè)例子很詳細(xì)，大家可以看看2014-10-10
js?html5獲取input焦點(diǎn)的輸入框并賦值實(shí)例
這篇文章主要為大家介紹了js?html5獲取input焦點(diǎn)的輸入框并賦值實(shí)現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10