JQuery Select2无法选择选项答案

【问题标题】：JQuery Select2 Can't select optionJQuery Select2无法选择选项
【发布时间】：2019-04-19 17:27:18
【问题描述】：

我对@987654321@ 有疑问。一切正常，除了我无法选择任何选项。我正在使用 select2 3.5.3、KnockoutJS、CoffeeScript 和 JQuery。我的 select2 代码：

generateSelect3 =->
    return '<input data-bind="select2: {
        data:{ results: _.available, text: \'text\'},
        minimumInputLength: 3,
        allowClear: true,
        }" class="select2"></select>'

所有文件都被调用。我有定制的select2。它正在初始化代码：

generateSelect2 =->
    return $('<div class="subcontainer"><input type="text" class="input- 
        xxlarge" data-bind="select2ex: {url: (_.params && _.params.url || 
        undefined), value: value, text: text, options: _.params}"></div>');

【问题讨论】：

标签： javascript jquery knockout.js coffeescript jquery-select2

【解决方案1】：

转到this link。您只需要链接 2 个文件。 Css 在 Head 和 Js 在页脚。

在select2.js之后调用你的个人js文件，并且必须在select2.js之前调用jQuery.js。

在您的文件中使用以下代码。

$(document).ready(function () {
    $(".category").select2({
        placeholder: 'Category',
        tags: true,
        width: 'resolve'
    });
    $(".sub-category").select2({
        placeholder: 'Sub Category',
        tags: true,
        width: 'resolve'
    });

});

【讨论】：

并在 select2.js 之后调用您的个人 js 文件，并且必须在 select2.js 之前调用 jQuery.js 。并在您的文件上使用以下代码。

【解决方案2】：

问题解决了：

return $('<div class="subcontainer"><select
        class="input-xxlarge"
        data-bind="options: _.available,
        optionsText: $.ehr.CodedWidget.formatSelectText,
        optionsValue: function(item) { 
        return item && item.value || (item.value == 0 ? item.value + \'\' : \'\') },
        select2ex: {
        value: value,
        }"></select></div>')

【讨论】：