jquery及js動態添加刪除option示例

js動態添加：

var sel= document.getElementById("selectId"); 

sel.options.add(new Option("請選擇",""));

sel.options.add(new Option("name","id"));

js動態動態刪除所有option：

document.getElementById("selectId").length=0;




js刪除一個選項option：

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

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

var val = obj.options[index].value; //Option值

var val = obj.options[index].text; //option文本

var val = obj.options[index]=new Option("新文本","新值"); //修改當前option）

function removeOne(){

var obj=document.getElementById('selectId'); //index,要刪除選項的序號，這裏取當前選中選項的序號

var index=obj.selectedIndex;

obj.options.remove(index);

}





js刪除select

function removeSelect(){

var mySelect = document.getElementById("selectId");

mySelect.parentNode.removeChild(mySelect);

}





jquery動態添加option：

$("#selectId").append("<option value='"+value+"'>"+text+"</option>");

jquery動態刪除所有option：

$("#selectedId option").remove();