首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >当数据来自ajax时,是否可以在select2顶部添加一个选项?

当数据来自ajax时,是否可以在select2顶部添加一个选项?
EN

Stack Overflow用户
提问于 2019-10-10 22:20:34
回答 2查看 307关注 0票数 1

我需要在列表的开头在select2控件中插入一个新选项。

我试着用

代码语言:javascript
运行
复制
        var data = {
            id: -1,
            text: 'SISTEMA'
        };

        var newOption = new Option(data.text, data.id, false, false);
        $('#UsuarioId').append(newOption).trigger('change');

但当数据来自Ajax时,这就不起作用了。在这种情况下,将出现选中该选项的组合框,当展开列表时,该选项将不在那里。

致敬詹姆

EN

回答 2

Stack Overflow用户

发布于 2019-10-10 22:29:05

创建一个变量,并将该变量初始定义为要包含的选项-例如:

代码语言:javascript
运行
复制
var trHTML;    
trHTML = '<option value=""></option>'

然后遍历结果集,将每一项都添加回该变量

代码语言:javascript
运行
复制
$.each(x, function (i, item) {
      trHTML += '<option value=' + value_name +'>'+ display_name +'</option>';
});

然后将整个列表追加到select,并启动Select2

代码语言:javascript
运行
复制
$('#dropdown_name').append(trHTML);
$('#dropdown_name').select2({
     placeholder: "foobar",
     allowClear: true
});
票数 0
EN

Stack Overflow用户

发布于 2019-10-10 22:54:17

来自select2的文档已经解释了

https://select2.org/data-sources/ajax

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58325118

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档