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