weixin_33734785 2015-04-11 16:22 采纳率: 0%
浏览 50

Select2 AJAX标签

I have the following JSON, that is retrieved via /tags:

[
    {
        "id": "CSS",
        "text": "CSS"
    },
    {
        "id": "HTML",
        "text": "HTML"
    },
    {
        "id": "JavaScript",
        "text": "JavaScript"
    },
    {
        "id": "jQuery",
        "text": "jQuery"
    },
    {
        "id": "MySQL",
        "text": "MySQL"
    },
    {
        "id": "PHP",
        "text": "PHP"
    }
]

I have an <input /> that is made to accept tags by using Select2:

<input name="Tags" id="Tags" value="PHP,HTML,jQuery" />

And I have attached Select2 this way:

$("#Tags").select2({
    tags: true,
    tokenSeparators: [",", " "],
    createSearchChoice: function(term, data) {
        if ($(data).filter(function() {
            return this.text.localeCompare(term) === 0;
        }).length === 0) {
            return {
                id: term,
                text: term
            };
        }
    },
    multiple: true,
    ajax: {
        url: '/tags',
        dataType: "json",
        data: function(term, page) {
            return {
                q: term
            };
        },
        results: function(data, page) {
            return {
                results: data
            };
        }
    }
});

Problems

  1. When I load the page, the default values go off.
  2. The Select2 fires a request to /tags, but it doesn't load the tags.

There are no errors in the console too. I am using Select2 3.5.2 from CDN. Where am I going wrong?

  • 写回答

1条回答 默认 最新

  • 三生石@ 2015-04-11 19:26
    关注

    Well, I used this. Looks like a hack or work-around.

    $("#Tags").select2({
        tags: true,
        multiple: true
    });
    $.getJSON("/tags", function (data) {
        if (data.length > 0)
            $("#Tags").select2({
                tags: data,
                multiple: true
            });
    });
    

    Hope this helps for someone. I will keep this open till I get better suggestions.

    评论

报告相同问题?

悬赏问题

  • ¥15 Arcgis相交分析无法绘制一个或多个图形
  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)