使用 Ajax 源设置 select2 元素初始值的简单示例?

Posted

技术标签:

【中文标题】使用 Ajax 源设置 select2 元素初始值的简单示例?【英文标题】:Simple example to set initial value of select2 element with Ajax source? 【发布时间】:2015-08-23 02:13:36 【问题描述】:

我正在尝试设置连接到 Ajax 数据源的 Select2 元素的初始值。

我正在使用 Select2 的 v4,并遵循 the docs,这说明 initSelection 已被替换。

我已经开始尝试适应the example in the "Loading remote data" section of the Select2 documentation。这是我设置初始值的代码:

var $gitElement = $('.select2');
var option = new Option("yosssi/ejr", '29424443', true, true);
$gitElement.append(option);
$gitElement.trigger('change');

我最终得到一个显示undefined (undefined) 的标签。我做错了什么?

JSFiddle 在这里:http://jsfiddle.net/t4Ltcm0f/4/

【问题讨论】:

【参考方案1】:

错误在于您的 templateResulttemplateSelection 函数。 'repo' 参数是一个不包含 'name' 和 'full_name' 属性的对象,您应该改用 'text' 属性。

function(repo)  
    return repo.text || repo.name + ' (' + repo.full_name + ')';

在这里工作的 JSFiddle:http://jsfiddle.net/45891w6v/1/

【讨论】:

以上是关于使用 Ajax 源设置 select2 元素初始值的简单示例?的主要内容,如果未能解决你的问题,请参考以下文章

laravel jquery select2 multiselect - 初始化选定的元素

Select2:使用ajax数据源时添加和选择手动值

无法在编辑模式下设置多个选定值 select2

使用 ajax 的 Select2 被 Rails turbolinks 事件初始化了几次

Yii2 - 使用 Ajax 加载为 Select2 插件设置值

如何在 laravel 中使用 AJAX 数据时设置 Select2 的选定值?