JS動(dòng)態(tài)添加與刪除select中的Option對(duì)象(示例代碼)
更新時(shí)間：2013年12月25日 09:42:28 作者：
本篇文章主要介紹了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");
}
您可能感興趣的文章:
- 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 通過(guò)系統(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利用中介模式開(kāi)發(fā)全局控制器圖文示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09
這篇文章主要介紹了微信小程序中實(shí)現(xiàn)自定義一個(gè)帶確定取消的彈窗組件的方法，文中的示例代碼講解詳細(xì)，對(duì)我們學(xué)習(xí)小程序開(kāi)發(fā)有一定幫助，需要的可以參考一下2022-06-06
Vue2.0+ElementUI實(shí)現(xiàn)表格翻頁(yè)的實(shí)例
下面小編就為大家?guī)?lái)一篇Vue2.0+ElementUI實(shí)現(xiàn)表格翻頁(yè)的實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10
這篇文章主要介紹了JS擴(kuò)展方法,實(shí)例分析了javascript擴(kuò)展方法的原理與各種常用的擴(kuò)展應(yīng)用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
本文通過(guò)實(shí)例代碼給大家介紹了基于js實(shí)現(xiàn)瀏覽上傳文件的代碼，非常不錯(cuò)，代碼簡(jiǎn)單易懂，具有參考借鑒價(jià)值，需要的朋友參考下吧2017-08-08
一個(gè)簡(jiǎn)單的JS鼠標(biāo)懸停特效具體方法
這個(gè)特效最終實(shí)現(xiàn)效果就是當(dāng)鼠標(biāo)移動(dòng)到鏈接上，文字會(huì)橫向移動(dòng)一定距離，貌似總有人喜歡這些花花草草。添加此效果方法很簡(jiǎn)單。2013-06-06
在LayUI圖片上傳中,解決由跨域問(wèn)題引起的請(qǐng)求接口錯(cuò)誤的方法
今天小編就為大家分享一篇在LayUI圖片上傳中,解決由跨域問(wèn)題引起的請(qǐng)求接口錯(cuò)誤的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
JavaScript中字符串與Unicode編碼互相轉(zhuǎn)換的實(shí)現(xiàn)方法
這篇文章主要介紹了JavaScript中字符串與Unicode編碼互相轉(zhuǎn)換的實(shí)現(xiàn)方法涉及JavaScript編碼、數(shù)據(jù)類型等的轉(zhuǎn)換技巧,需要的朋友可以參考下2015-12-12
下面小編就為大家?guī)?lái)一篇js兩種拼接字符串的簡(jiǎn)單方法(必看)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09
最近用js拼接字符串時(shí)遇到問(wèn)題了，不論怎么拼接在ie中都報(bào)錯(cuò)，于是找到了一個(gè)不錯(cuò)的解決方法，在此與大家分享下2014-03-03