Question

我正在使用Select2 jQuery插件（ v4.0.3 ）来处理正在进行的项目。 select2实例是ajax源码，我想知道我有一种方法可以以编程方式选择选项。

我之前可以通过以下方式设置值：

$('#input-field').val(['123','456']).trigger('change')

当不 ajax来源时。现在我需要使用ajax源码的Select2实例。

我创建了一个 jsFiddle 实例，这样您就可以看到我的意思了。单击Set Values应在select2实例中选择2个值。

谢谢！

PS 我甚至尝试将tags选项设置为true，因此可以选择任何值（即使它不是来自AJAX查询的结果），它仍然无法运作

Answer 1

您似乎无法以编程方式选择以前未在下拉列表中搜索过的内容。

当使用AJAX数据时，Select2似乎可以通过在发现它们时向基础select元素添加以前未知的选项来工作。 .val()正在尝试添加您想要的项目，但只能添加已存在的项目，其余项目将被忽略。 Select2然后获取change事件并相应地调整渲染。

至少应该向您发送一个有用的方向：

$('#set-selected').click(function(e){
  e.preventDefault();
  var $select = $('.js-data-example-ajax');
  var targets = ["28200583","3620194"];
  targets.forEach(function(v,i,a){
    if(!$('option[value='+v+']',$select).length) {
      $select.append('<option value="'+v+'">'+v+'</option>');
    }
  });
  $select.val(targets).trigger('change');
});

通常，这些UI库的情况是，您通过在这种情况下调用.select2()来操作控件的方式与初始化控件的方式相同。但是，我无法在该场景中找到满足您需要的命令。

以编程方式选择AJAX源选项Select

1 个答案: