Question

如何使用jQuery将<option>插入<select>（多个）元素？

（我不想在这里使用select。我想使用元素的ID，这样我就可以为多个元素使用相同的函数。）

感谢。

Answer 1

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

更新

插入看起来像<option value="value1">option with value1</option>的选项后使用：

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

Answer 2

追加一个选项：

$('#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>");

Answer 3

您似乎想要使用append。例如：

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

如果您想在彼此之间插入项目，可以使用insertBefore或insertAfter：

myOption.insertAfter("$#idOfItemIWantToInsertAfter");

如何使用jQuery将<option>插入<select>多元素？</select> </option>

3 个答案: