1. 程式人生 > >Javascript 操作select標記中options的方法

Javascript 操作select標記中options的方法

1 檢測是否有選中
if (objSelect.selectedIndex > -1) {
//說明選中
} else {
//說明沒有選中
}

2.動態建立select

function createSelect(){

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

3.新增選項option

function addOption(){

//根據id查詢物件,    
var

obj=document.getElementById('mySelect');

//新增一個選項    
obj.add(new Option("文字" ,"值" ));    
}

4.刪除所有選項option

function removeAll(){    
var obj=document.getElementById('mySelect');

obj.options.length=0;

}

5.刪除一個選項option

function removeOne(){    
var obj=document.getElementById('mySelect');

//index,要刪除選項的序號,這裡取當前選中選項的序號


var index=obj.selectedIndex;    
obj.options.remove(index);    
}

6.獲得選項option的值

var obj=document.getElementById('mySelect');

var index=obj.selectedIndex; //序號,取當前選中選項的序號

var val = obj.options[index].value;

7.獲得選項option的文字

var obj=document.getElementById('mySelect');

var index=obj.selectedIndex; //序號,取當前選中選項的序號


var val = obj.options[index].text;

8.修改選項option

var obj=document.getElementById('mySelect');

var index=obj.selectedIndex; //序號,取當前選中選項的序號

var val = obj.options[index]=new Option("新文字" ,"新值" );

9.刪除select

function removeSelect(){    
var mySelect = document.getElementById("mySelect" );    
mySelect.parentNode.removeChild(mySelect);    
}