我正在使用 select2 插件(ivaynberg.github.io/select2)。我正在尝试显示一个下拉菜单(选择)。它获取 data.php 中的所有项目作为选项。然而 select2 是一个自动完成插件,应该搜索客户端输入的搜索词,并仅显示匹配的结果。目前它正在显示所有项目,但未获取搜索结果。对不起我的语言
data.php 正在回显以下内容:
[{
"id": "1",
"text": "item1",
"exercise": "blah text"
}, {
"id": "2",
"text": "item2"
}
]
代码是:
$(document).ready(function () {
$('#thisid').select2({
minimumInputLength: 2,
ajax: {
url: "data.php",
dataType: 'json',
data: function (term, page) {
return {
q: term
};
},
results: function (data, page) {
return {
results: data
};
}
}
});
});
输入是:
<input type="hidden" id="thisid" style="width:300px" class="input-xlarge" />
我想找到线索,我对这个插件很陌生,花了一天时间查看示例。
最佳答案
如果附加到标准 select
,select2 将不会执行 AJAX表单控制。它必须附加到隐藏的 input
控制通过 AJAX 加载。
更新:此问题已在 Select2 4.0 中修复。来自 Pre-Release notes :
Consistency with standard
<select>
elements for all data adapters, removing the need for hidden<input>
elements.
它也可以在其 examples section 中的功能中看到。 .
关于jquery select2 - 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16190088/