JS操作select下拉框動態(tài)變動(創(chuàng)建/刪除/獲取)
更新時間：2013年06月02日 15:04:12 作者：
動態(tài)創(chuàng)建及刪除select、添加及刪除選項option、獲得選項option的值、獲得選項option的文本等等，感興趣的朋友可以參考下哈
1.動態(tài)創(chuàng)建select
function createSelect(){
var mySelect = document.createElement_x("select");
mySelect.id = "mySelect";
document.body.appendChild(mySelect);
}
2.添加選項option
function addOption(){
//根據(jù)id查找對象，
var obj=document.getElementByIdx_x('mySelect');
//添加一個選項
obj.add(new Option("文本","值"));
}
3.刪除所有選項option
function removeAll(){
var obj=document.getElementByIdx_x('mySelect');
obj.options.length=0;
}
4.刪除一個選項option
function removeOne(){
var obj=document.getElementByIdx_x('mySelect');
//index,要刪除選項的序號，這里取當前選中選項的序號
var index=obj.selectedIndex;
obj.options.remove(index);
}
5.獲得選項option的值
var obj=document.getElementByIdx_x('mySelect');
var index=obj.selectedIndex; //序號，取當前選中選項的序號
var val = obj.options[index].value;
6.獲得選項option的文本
var obj=document.getElementByIdx_x('mySelect');
var index=obj.selectedIndex; //序號，取當前選中選項的序號
var val = obj.options[index].text;
7.修改選項option
var obj=document.getElementByIdx_x('mySelect');
var index=obj.selectedIndex; //序號，取當前選中選項的序號
var val = obj.options[index]=new Option("新文本","新值");
8.刪除select
function removeSelect(){
var mySelect = document.getElementByIdx_x("mySelect");
mySelect.parentNode.removeChild(mySelect);
}
復制代碼 代碼如下:
function createSelect(){
var mySelect = document.createElement_x("select");
mySelect.id = "mySelect";
document.body.appendChild(mySelect);
}
2.添加選項option
復制代碼 代碼如下:
function addOption(){
//根據(jù)id查找對象，
var obj=document.getElementByIdx_x('mySelect');
//添加一個選項
obj.add(new Option("文本","值"));
}
3.刪除所有選項option
復制代碼 代碼如下:
function removeAll(){
var obj=document.getElementByIdx_x('mySelect');
obj.options.length=0;
}
4.刪除一個選項option
復制代碼 代碼如下:
function removeOne(){
var obj=document.getElementByIdx_x('mySelect');
//index,要刪除選項的序號，這里取當前選中選項的序號
var index=obj.selectedIndex;
obj.options.remove(index);
}
5.獲得選項option的值
復制代碼 代碼如下:
var obj=document.getElementByIdx_x('mySelect');
var index=obj.selectedIndex; //序號，取當前選中選項的序號
var val = obj.options[index].value;
6.獲得選項option的文本
復制代碼 代碼如下:
var obj=document.getElementByIdx_x('mySelect');
var index=obj.selectedIndex; //序號，取當前選中選項的序號
var val = obj.options[index].text;
7.修改選項option
復制代碼 代碼如下:
var obj=document.getElementByIdx_x('mySelect');
var index=obj.selectedIndex; //序號，取當前選中選項的序號
var val = obj.options[index]=new Option("新文本","新值");
8.刪除select
復制代碼 代碼如下:
function removeSelect(){
var mySelect = document.getElementByIdx_x("mySelect");
mySelect.parentNode.removeChild(mySelect);
}
相關(guān)文章
本篇文章主要介紹了redux中間件之redux-thunk的具體使用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-04-04
既然說到了JavaScript,那么就會繞不過去執(zhí)行上下文,只有理解了執(zhí)行上下文才能更好的理解JavaScript本身,不過本部分不是專門講解?JavaScript的,主要從JavaScript的執(zhí)行順序開始介紹一下JavaScript是怎樣運行的2023-09-09
這篇文章主要為大家詳細介紹了JS實現(xiàn)簡單可拖動的模態(tài)框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要為大家詳細介紹了JS實現(xiàn)碰撞檢測效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
Map與WeakMap類型在JavaScript中的使用詳解
這篇文章主要介紹了Map與WeakMap類型在JavaScript中的使用,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-11-11
JavaScript檢測瀏覽器cookie是否已經(jīng)啟動的方法
這篇文章主要介紹了JavaScript檢測瀏覽器cookie是否已經(jīng)啟動的方法,實例分析了javascript操作cookie的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了微信小程序搖一搖功能，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-11-11
zepto中使用swipe.js制作輪播圖附swipeUp,swipeDown不起效果問題
Swipe JS 是一個輕量級的移動滑動組件，支持 1:1 的觸摸移動，阻力以及防滑性能都不錯，可以讓移動web應用展現(xiàn)更多的內(nèi)容，能解決我們對于移動Web對滑動的需求。下面小編給大家介紹zepto中使用swipe.js制作輪播圖附swipeUp,swipeDown不起效果問題，需要朋友可以參考下2015-08-08
Javascript實現(xiàn)的鼠標經(jīng)過時播放聲音
今天突然想起做一個當鼠標經(jīng)過<a/>時，會發(fā)出聲音2010-05-05
這篇文章介紹了給文字加上著重號的JS代碼，有需要的朋友可以參考一下2013-11-11