Javascript 选择不显示来自ajax调用的数据

我使用SelectizeJS提供搜索功能，让用户根据搜索选择多个项目。我的问题是数据被正确地检索，但是数据没有被控件显示。我是这样做的

控件：

<label>Skills Required</label>
<select id="skills-ddl"  class="form-control" placeholder="Search skills.." multiple ></select>

这是一个屏幕截图，数据在那里：

当我按backspace使搜索文本框为空时，将显示上一个结果。

编辑：

下面是我的响应数据的样子：

---

尚未使用selectize，但查看文档后，我发现load函数应该只获取回调函数作为参数，而不获取查询参数。这就是问题所在吗

问候,，

---

Jochen还没有使用selectize，但是查看docu后，我发现load函数应该只获取回调函数作为参数，而不获取查询参数。这就是问题所在吗

问候,，

---

Jochen

我认为您缺少

搜索字段

属性，因此当您键入时，它无法理解必须在下拉列表中显示的属性

尝试在

labelField:'Name'，

之后添加

searchField:'Name'

，这将在下拉列表中给出过滤器名称

您的js代码应该如下所示。希望它对你有用

$(function () {
    var $select = $('#skills-ddl').selectize({
        valueField: 'Id',
        labelField: 'Name',
        searchField: 'Name',
        load: function (query, callback) {
            $.ajax({
                url: '/ClientProjects/GetSkills?keyword=' + encodeURIComponent(query),
                success: function (response) { console.log(response); $select.options = response; callback(response); }
            });
        }
    });

    var selectize = $select[0].selectize;

});

---

我认为您缺少

searchField

属性，因此当您键入该属性时，它无法理解该属性必须显示在您的下拉列表中

尝试在

labelField:'Name'，

之后添加

searchField:'Name'

，这将在下拉列表中给出过滤器名称

您的js代码应该如下所示。希望它对你有用

$(function () {
    var $select = $('#skills-ddl').selectize({
        valueField: 'Id',
        labelField: 'Name',
        searchField: 'Name',
        load: function (query, callback) {
            $.ajax({
                url: '/ClientProjects/GetSkills?keyword=' + encodeURIComponent(query),
                success: function (response) { console.log(response); $select.options = response; callback(response); }
            });
        }
    });

    var selectize = $select[0].selectize;

});

---

请发布您的

响应

对象您正在获取内部成功或类似结构的

响应

对象的虚拟数据。编辑了我的帖子。请发布您的

响应

对象您正在获取内部成功或类似结构的

响应

对象的虚拟数据。编辑了我的帖子。我不敢相信我错过了那个。非常感谢。我真不敢相信我错过了那个。非常感谢。