js操作select與option(示例講解)_javascript技巧

var mySelect = document.createElement_x("select");
mySelect.id = "mySelect";
document.body.appendChild(mySelect);
}

2.添加選項option
代碼如下:
function addOption(){

//根據id查找對象，
var obj=document.getElementByIdx_x('mySelect');

//添加一個選項
obj.add(new Option("文本","值")); //這個只能在IE中有效
obj.options.add(new Option("text","value")); //這個兼容IE與firefox
}

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);
}

整個實例的完整代碼如下：
代碼如下:

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com