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)文章
詳解MVC如何使用開源分頁插件(shenniu.pager.js)
本文主要分享了shenniu.pager.js整個插件內(nèi)容,不多且清晰。具有很好的參考價值,需要的朋友一起來看下吧2016-12-12JavaScript實現(xiàn)兩個select下拉框選項左移右移
這篇文章主要介紹了JavaScript實現(xiàn)兩個select下拉框選項左移右移功能,js實現(xiàn)下拉框元素互相移動,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-03-03javascript html 靜態(tài)頁面?zhèn)鲄?shù)
靜態(tài)頁面中用js獲取頁面參數(shù)的一些屬性方法,具體的獲取參數(shù),可以搜索本站以前的一些文章。2009-04-04uni-app小程序?qū)崿F(xiàn)微信在線聊天功能(私聊/群聊)
這篇文章主要介紹了uni-app小程序?qū)崿F(xiàn)微信在線聊天(私聊/群聊),今天記錄一下項目核心功能的實現(xiàn)過程。頁面UI以及功能邏輯全部來源于微信,即時聊天業(yè)務(wù)的實現(xiàn)使用socket.io,前端使用uni-app開發(fā),后端服務(wù)器基于node實現(xiàn),數(shù)據(jù)庫選擇mongoDB,需要的朋友可以參考下2023-02-02