在初始化后向Select2添加选项

Question

这似乎是一个标准的事情,但我很难找到一个清晰简单的解决方案.

我希望能够为已经初始化的Select2添加一个或多个附加选项.

我使用的是旧版本的Select2,但不确定版本是什么.

Answer 1

您可以像在标准中解决的那样解决涉及Select2的大多数问题<select>.在这种情况下,相应的<select>问题是:添加选项以使用javascript进行选择.

var option = new Option("text", "id");
$("select").append(option);

如果要在插入时选择它,则只需selected在新选项上设置属性即可.

var option = new Option("text", "id");
option.selected = true;

$("select").append(option);
$("select").trigger("change");

请注意,我还触发了change事件,以便Select2可以知道所选选项已更改.

Answer 2

上帝我有时会在发布之前停下来思考.

它就像在基础选择中添加新选项一样简单:

$("#myselect").append($('<option>', {value: 1, text: 'new option'}));

甚至不需要重新初始化select2.