javascript新增和刪除select下拉選單option項程式碼例項

select下拉選單動態增加或者刪除option選項是常有的操作，非常的簡單，無需多介紹，直接給出程式碼例項。

一.刪除所有的option選項:

[JavaScript] 純文字檢視 複製程式碼
function delAllOptions(){ 
  document.getElementById("selId").options.length=0; 
}

二.刪除select的執行項:

[JavaScript] 純文字檢視 複製程式碼
function delOneOption(index){  
  document.getElementById("selId").options.remove(index);   
}

以上可以刪除指定索引值的option選項，index是從0開始的。

三.動態新增option選項:

[JavaScript] 純文字檢視 複製程式碼
function addOneOption(){  
  var selectObj=document.getElementById("selId");  
  selectObj.options[selectObj.length]=new Option("螞蟻部落","antzone");  
}

以上就介紹這麼多了，具體可以參閱以下幾個相關內容。

1.新增或者刪除可以參閱javascript刪除或者新增option選項例項程式碼一章節。

2.操作select下拉選單可以參閱javascript動態操作select下拉選單一章節。