javascript - 如何使用自定义输入填充 select2

Question

我实现了一个 select2 下拉列表，允许用户输入自定义输入...

$("#select").select2({
  createSearchChoice:function(term, data) {
    if ($(data).filter(function() {
      return this.text.localeCompare(term)===0;
    }).length===0)
    {return {id:term, text:term};}
  },
  multiple: false,
  selectOnBlur: true,
  data: [{id: 1, text: '1'}, {id: 2, text: '2'}, {id: 3, text: '3'}]
});

这工作正常，但有一种情况我需要以编程方式为 select2 下拉列表设置自定义值。我尝试执行以下操作...

// Doesn't work
$('#select').val('val', custom);

// Doesn't work
$('#select').val(custom);

有什么办法可以做到这一点吗？

工作中fiddle我的选择下拉菜单。

Answer 1

我找到了如何实现我想要的目标。解决方案是...

$('#select').select2('data', {id: id, text: custom});

以下内容会将输入设置为 custom 的任何值，而不添加到列表本身。

这是一个工作 fiddle .