如何使用jQuery將<option>插入到<select>多元素元素中？

Question

如何使用jQuery將<option>插入到<select>（多個）元素中？

（我不想使用選擇在這裏。我想使用元素的ID，這樣我可以使用多種元素相同的功能。）

感謝。

Answer 1

$('#elementsID').append('<option>my new option</option>'); 

UPDATE

選項lolks像<option value="value1">option with value1</option>使用後插入：

var newOption = $('<option value="newOpt">my new option</option>'); 
newOption.insertAfter('#elementsID option[value="value1"]'); 

Answer 2

貌似要使用append。例如：

var myOption = $("<option value='Option X'>X</option>"); 
$("#selectId").append(myOption); 

如果你想在彼此之間，你可以用它來插入項目insertBefore或insertAfter：

myOption.insertAfter("$#idOfItemIWantToInsertAfter"); 

Answer 3

要追加一個選項：

$('#colors').append('<option>red</option>'); 

要在另一個選項之前或之後插入選項：

$('<option>blue</option>').insertBefore("#colors option:contains('red')"); 
$('<option>yellow</option>').insertAfter("#colors option:contains('blue')"); 

要替換另一個選項一個選項：

$("#colors option:contains('blue')").replaceWith("<option>pink</option>"); 

要替換所有選項：

$('#colors') 
    .html("<option>green</option>" + 
     "<option>orange</option>" + 
     "<option>violet</option>");