jquery新增或者刪除select下拉選單項程式碼

select下拉選單時最為常用的元素之一，下面就介紹一下如何使用jquery新增或者刪除select下拉選單項。

一.新增option項:

[JavaScript] 純文字檢視 複製程式碼
$("#id").append("<option value='value'>Text</option>"); 
$("#id").prepend("<option value='0'>請選擇</option>");

第一段程式碼可以在select下拉選單的結尾追加一個option項。

第二段程式碼可以在select下拉的開頭新增一個option項。

二.刪除option項:

[JavaScript] 純文字檢視 複製程式碼
$("#id option:last").remove(); 
$("#id option[index='1']").remove();
$("#id option[value='螞蟻']").remove(); 
$("#id option[text='螞蟻部落']").remove();

第一段程式碼可以刪除select下拉選單最後一個option項。

第二段程式碼可以刪除select選單下拉項索引為1的option項，也就是第二個。

第三段程式碼可以刪除value屬性值為“螞蟻”的option項。

第四段程式碼可以刪除文字為“螞蟻部落”的option項。