JS動(dòng)態(tài)添加與刪除select中的Option對(duì)象(示例代碼)
更新時(shí)間:2013年12月25日 09:42:28 作者:
本篇文章主要介紹了JS動(dòng)態(tài)添加與刪除select中的Option對(duì)象示例代碼。需要的朋友可以過來(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");
}
您可能感興趣的文章:
- jquery動(dòng)態(tài)添加以及遍歷option并獲取特定樣式名稱的option方法
- 利用js給datalist或select動(dòng)態(tài)添加option選項(xiàng)的方法
- jQuery動(dòng)態(tài)產(chǎn)生select option下拉列表
- JQuery動(dòng)態(tài)添加Select的Option元素實(shí)現(xiàn)方法
- JS 通過系統(tǒng)時(shí)間限定動(dòng)態(tài)添加 select option的實(shí)例代碼
- JS & JQuery 動(dòng)態(tài)添加 select option
- js動(dòng)態(tài)改變select選擇變更option的index值示例
- 動(dòng)態(tài)添加option及createElement使用示例
- jquery動(dòng)態(tài)添加option示例
- 使用js對(duì)select動(dòng)態(tài)添加和刪除OPTION示例代碼
- JS動(dòng)態(tài)添加option和刪除option(附實(shí)例代碼)
- javascript 動(dòng)態(tài)設(shè)置已知select的option的value值的代碼
- javascript 動(dòng)態(tài)創(chuàng)建 Option選項(xiàng)
- js或jquery動(dòng)態(tài)輸出select option的實(shí)現(xiàn)代碼
相關(guān)文章
原生JS實(shí)現(xiàn)首頁(yè)進(jìn)度加載動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)首頁(yè)進(jìn)度加載動(dòng)畫,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09
微信小程序表單驗(yàn)證插件WxValidate的二次封裝功能(終極版)
這篇文章主要介紹了微信小程序表單驗(yàn)證插件WxValidate的二次封裝功能(終極版),文中給大家提到了最終版與前面2版的不同點(diǎn),需要的朋友可以參考下2019-09-09
js內(nèi)置對(duì)象 學(xué)習(xí)筆記
今天系統(tǒng)的學(xué)了一下javascript的內(nèi)置對(duì)象。2011-08-08
前端解決頁(yè)面請(qǐng)求接大規(guī)模并發(fā)問題的代碼實(shí)現(xiàn)
這篇文章主要介紹了前端解決大規(guī)模并發(fā)請(qǐng)求問題的多種方法,包括按需加載、分頁(yè)與無(wú)限滾動(dòng)、緩存機(jī)制、減少HTTP請(qǐng)求、使用CDN、前端限流、異步加載、預(yù)加載、優(yōu)化資源大小、代碼分割以及服務(wù)器端渲染或靜態(tài)站點(diǎn)生成,需要的朋友可以參考下2024-11-11
在小程序中集成redux/immutable/thunk第三方庫(kù)的方法
這篇文章主要介紹了在小程序中集成redux/immutable/thunk第三方庫(kù)的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2018-08-08
JavaScript?canvas實(shí)現(xiàn)水球加載動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了JavaScript?canvas實(shí)現(xiàn)水球加載動(dòng)畫,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04

