代码之家 › 专栏 › 技术社区 › Ivan

呈现Ajax响应的HTML

jquery-select2 ajax

Ivan · 技术社区 · 7 年前

我正在使用Select2 Ajax远程选项获取数据:

$('#t').select2({
    ajax: {
        url: '../ajax/results.php',
        data: function (params) {
            return {
                search: params.term,
                page: params.page || 1
            };
        }
    }
});

到目前为止,结果是这样返回的(请注意 <small> 标签):

{
    "results": [
        {
            "id": "1",
            "text": "Doe Joe, <small>Mr.</small>"
        },
        {
            "id": "2",
            "text": "Smith Anne, <small>Mrs.</small>"
        },
        {
            "id": "3",
            "text": "Rossi Mario, <small>Mr.</small>"
        },
        ...
     ],
     "pagination": {
         "more": false
     }
}

在 <select> , the <小> 标记按原样打印,而不是被解析。选择2个文档 says that HTML are not rendered 默认情况下,呈现的结果必须包装在jquery对象中才能工作,但没有给出进一步的示例。

所有涉及的例子 templateResult 实际上,对于如何传递Ajax结果(即 https://select2.org/dropdown#templating )

拜托,有什么帮助吗?

1 回复 | 直到 7 年前

Ivan 7 年前

这个 templating example 是的,我只需要把所有东西都包起来 <span> 工作标签:

function formatItem (item) {
    if (!item.id) {
        return item.text;
    }
    return $('<span>' + item.text + '</span>');
}

$('#t').select2({
    ajax: {
        url: '../ajax/results.php',
        data: function (params) {
            return {
                search: params.term,
                page: params.page || 1
            };
        }
    },
    templateResult: formatItem,
    templateSelection: formatItem
});

推荐文章

seme · 格式化JSON结果

3 年前

Sean · ng选项具有预选值时不绑定

7 年前

najmath · 如何访问django中select2的值

7 年前

sksallaj · 使用Google网站转换器插件选择2-超出最大调用堆栈大小

7 年前

Rajesh Samui · 如何使select2只读?

7 年前

user2849976 · 选择td旁边的下一个选择框,然后根据其文本值选择选项

7 年前

Rookie · 在控制台中选择2不选择且无错误

7 年前

peace_love · 如何仅在添加选项时触发,而不在删除时触发(多选2)?

7 年前

Zoe · 如何从yii2-widget-select2获取数据

7 年前

peace_love · 如何通过初始化select2来防止我的ajax函数在另一个选择框之后添加一个?

7 年前