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

antzone發表於2017-03-26

很多時候,需要動態的新增或者刪除select下拉選單的option項,這本身不是什麼複雜的操作,所以下面只給出簡單的核心程式碼,希望能夠給需要的朋友帶來一定的幫助,程式碼如下:

一.刪除指定的項:

[JavaScript] 純文字檢視 複製程式碼
function deleteOption(sel,index){ 
  sel.options.remove(index); 
}

上面的函式可以刪除指定索引的option項,第一個引數是select物件,第二個引數是要刪除項的索引。

二.新增指定的項:

[JavaScript] 純文字檢視 複製程式碼
function addOption(sel,text,value){ 
  sel.options.add(new Option(text,value)); 
}

實現追加option項的效果,第二個引數select物件,第二個引數是文字內容,第三個引數是value值。


相關文章