select2 搜索框下拉菜单不起作用
select2 search box dropdown not working
Select2问题,
我不想下拉搜索框,我想在搜索中放在第一行,
我该怎么办?
如何按位置占位符搜索?
代码:
<select name="search" class="box"></select>
示例图片,
$(".box").select2({
minimumInputLength: 2,
placeholder: ' Search!',
cache:true,
ajax: {
dataType: 'json',
url: 'ajax.php',
delay: 400,
data: function(params) {
return {
term: params.term
}
},
processResults: function (data, page) {
return {
results: data.results
};
}
}
});
谢谢..
将以下内容添加到您的 CSS,确保它出现在 select2 的 CSS 下方:
.select2-drop-active{
margin-top: -25px;
}
Here is a demo jsFiddle
请注意,这将影响您的所有 select2 元素。要定位特定元素,只需调整规则的选择器以满足您的需要。
enter image description here $("select#currency(class or id name)").select2({
标签: 真实的,
创建标签:函数(参数){
return未定义;
}
});
Select2问题,
我不想下拉搜索框,我想在搜索中放在第一行,
我该怎么办?
如何按位置占位符搜索? 代码:
<select name="search" class="box"></select>
示例图片,
$(".box").select2({
minimumInputLength: 2,
placeholder: ' Search!',
cache:true,
ajax: {
dataType: 'json',
url: 'ajax.php',
delay: 400,
data: function(params) {
return {
term: params.term
}
},
processResults: function (data, page) {
return {
results: data.results
};
}
}
});
谢谢..
将以下内容添加到您的 CSS,确保它出现在 select2 的 CSS 下方:
.select2-drop-active{
margin-top: -25px;
}
Here is a demo jsFiddle
请注意,这将影响您的所有 select2 元素。要定位特定元素,只需调整规则的选择器以满足您的需要。
enter image description here $("select#currency(class or id name)").select2({ 标签: 真实的, 创建标签:函数(参数){ return未定义; } });