JS動態(tài)添加與刪除select中的Option對象(示例代碼)
更新時(shí)間：2013年12月25日 09:42:28 作者：
本篇文章主要介紹了JS動態(tài)添加與刪除select中的Option對象示例代碼。需要的朋友可以過來參考下，希望對大家有所幫助
如下所示：
//動態(tài)刪除select中的所有options：
function delAllOptions(){
document.getElementById("user_dm").options.length=0;
}
//動態(tài)刪除select中的某一項(xiàng)option：
function delOneOption(index){
document.getElementById("user_dm").options.remove(index);
}
// 動態(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ù)制代碼 代碼如下:
//動態(tài)刪除select中的所有options：
function delAllOptions(){
document.getElementById("user_dm").options.length=0;
}
//動態(tài)刪除select中的某一項(xiàng)option：
function delOneOption(index){
document.getElementById("user_dm").options.remove(index);
}
// 動態(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動態(tài)添加以及遍歷option并獲取特定樣式名稱的option方法
- 利用js給datalist或select動態(tài)添加option選項(xiàng)的方法
- jQuery動態(tài)產(chǎn)生select option下拉列表
- JQuery動態(tài)添加Select的Option元素實(shí)現(xiàn)方法
- JS 通過系統(tǒng)時(shí)間限定動態(tài)添加 select option的實(shí)例代碼
- JS & JQuery 動態(tài)添加 select option
- js動態(tài)改變select選擇變更option的index值示例
- 動態(tài)添加option及createElement使用示例
- jquery動態(tài)添加option示例
- 使用js對select動態(tài)添加和刪除OPTION示例代碼
- JS動態(tài)添加option和刪除option(附實(shí)例代碼)
- javascript 動態(tài)設(shè)置已知select的option的value值的代碼
- javascript 動態(tài)創(chuàng)建 Option選項(xiàng)
- js或jquery動態(tài)輸出select option的實(shí)現(xiàn)代碼
相關(guān)文章
這篇文章主要為大家介紹了JS利用中介模式開發(fā)全局控制器圖文示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09
這篇文章主要介紹了微信小程序中實(shí)現(xiàn)自定義一個帶確定取消的彈窗組件的方法，文中的示例代碼講解詳細(xì)，對我們學(xué)習(xí)小程序開發(fā)有一定幫助，需要的可以參考一下2022-06-06
Vue2.0+ElementUI實(shí)現(xiàn)表格翻頁的實(shí)例
下面小編就為大家?guī)硪黄猇ue2.0+ElementUI實(shí)現(xiàn)表格翻頁的實(shí)例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
這篇文章主要介紹了JS擴(kuò)展方法,實(shí)例分析了javascript擴(kuò)展方法的原理與各種常用的擴(kuò)展應(yīng)用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
本文通過實(shí)例代碼給大家介紹了基于js實(shí)現(xiàn)瀏覽上傳文件的代碼，非常不錯，代碼簡單易懂，具有參考借鑒價(jià)值，需要的朋友參考下吧2017-08-08
這個特效最終實(shí)現(xiàn)效果就是當(dāng)鼠標(biāo)移動到鏈接上，文字會橫向移動一定距離，貌似總有人喜歡這些花花草草。添加此效果方法很簡單。2013-06-06
在LayUI圖片上傳中,解決由跨域問題引起的請求接口錯誤的方法
今天小編就為大家分享一篇在LayUI圖片上傳中,解決由跨域問題引起的請求接口錯誤的方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧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ī)硪黄猨s兩種拼接字符串的簡單方法(必看)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
最近用js拼接字符串時(shí)遇到問題了，不論怎么拼接在ie中都報(bào)錯，于是找到了一個不錯的解決方法，在此與大家分享下2014-03-03