0

有 JS 喜欢：

$(".select2-input").select2({
        placeholder: placeholder,
        id: function(data){return data.id},
        ajax: {
            url: "/autocomplete",
            datatype: 'json',
            data: function (params) {
                return {
                    q: params.term, // search term
                    page: params.page
                };
            },
            results: function (data) {
                return {
                    results: data.results
                };
            },
            cache: true,
            id: function(connection){
                console.log(connection);
            }
        }
    });

来自“/autocomplete” URL 的结果如下：

{"results":[{"id":14953,"text":"Dohn Doe"},{"id":15467,"text":"Jane Dohe"}]}

有了这一切，我可以看到自动完成结果，但点击任何结果都不会导致任何变化！

所以我一直在尝试实现这个问题的答案，但没有运气。可能我只是错过/弄乱了一些东西。

还有这条线

console.log(connection);

没有写任何东西给控制台。

Select2 版本为 4.0

4

1 回答 1

0

好的，看来我发现了问题。首先需要说的是，4.0 版的 select2 不支持id我上面提到的选项。这是从文档中提取来证明这一点：

Select2 不再支持要使用的自定义 id 或文本，但提供了用于将不正确的数据转换为预期格式的集成点。

所以问题不在于我提供的代码（dataType类型除外，感谢 Dave Newton！），而在于我没有提供的代码。所以我有

input :person, as: :text, input_html: { class: "select2-input", "data-placeholder" => person }

– 注意as: :text部分

一旦我将其更改为

input :person, as: :select, input_html: { class: "select2-input", "data-placeholder" => person }

一切都像魅力一样！仍然不知道是什么驱使我输入文本而不是选择。

于 2015-09-23T12:44:55.003 回答