7

我已经使用 Select2 4.0.0-rc.1 几个星期了（使用ajax适配器），我试图找到一种在数据初始化后“推送”数据的方法。

在下拉列表中，我可以选择

  • 在列表中选择一个条目（使用ajax）
  • 添加一个免费条目（使用createTag）
  • 添加新条目

如果我选择“添加新条目”，我可以填写表格，一旦保存，新数据必须显示为选定条目。

如果我使用它推送数据select2_existing.select2( { data: data } ).val( 4 );，但ajax调用不再起作用。

然后我必须

  1. 销毁选择2
  2. 重新创建它

这将允许我让我的新数据和ajax适配器正常工作。

没有创建->数据->销毁->创建循环可以做到这一点吗？

4

1 回答 1

20

您应该能够通过<option selected>使用您要显示的信息创建一个新标签来推送一个新的选定选项。

<option value="id" selected="selected">text</option>

将其附加<option>到原始<select>后，您将需要触发change事件，以便 Select2（和其他组件）知道值已更改。

$element.trigger("change");

所以把它们放在 JavaScript 中

var $element = $("select"); // the element that Select2 is initialized on

var $option = $("<option selected></option>"); // the new base option
$option.val(newOption.id); // set the id
$option.text(newOption.text); // set the text

$element.append($option); // add it to the list of selections
$element.trigger("change"); // tell Select2 to update
于 2015-03-16T23:10:22.153 回答