select2删除了使用ajax时的默认选项
select2 removes default options when using ajax
我正试图在select2中设置预定义的选择选项使用ajax但是,当我使用ajax并单击select2时,它会删除我以前在那里的html选项,你知道我如何才能保持这些选项的原样,直到我键入一些未发布的字符才删除它们吗?
我相信这还不清楚,所以我篡改了这两个案例,这样你就会更好地理解
HTML
<select id="e1" style="width:300px">
<option value="AL">Alabama</option>
<option value="Am">Amalapuram</option>
<option value="An">Anakapalli</option>
<option value="Ak">Akkayapalem</option>
<option value="WY">Wyoming</option>
</select>
<select id="e2" style="width:300px">
<option value="AL">Alabama</option>
<option value="Am">Amalapuram</option>
<option value="An">Anakapalli</option>
<option value="Ak">Akkayapalem</option>
<option value="WY">Wyoming</option>
</select>
js
$("#e1").select2({ajax: {
url: "https://api.github.com/search/repositories",
dataType: 'json',
delay: 250,
data: function (params) {
return {
q: params.term, // search term
page: params.page
};
},
processResults: function (data, page) {
// parse the results into the format expected by Select2.
// since we are using custom formatting functions we do not need to
// alter the remote JSON data
return {
results: data.items
};
},
cache: true
}});
$("#e2").select2();
select2 ajax和none-ajax
在处理用户发送的搜索查询的服务器端脚本中,返回前5个元素,即使查询为空,也应显示为默认值。
$query=$_REQUEST['q'];
if (!empty($query)) {
//populate the results if the user is typed something in
} else {
$results=array();
$results[0]['text']=Alabama;
$results[0]['id']="idofalabama";
// and so on, for the number of results you want to display when the user didn't input anything in the search box
}
return json_encode($results);
相关文章:
- 或者在表单上选择默认选项文本(选择1)
- 选择非空选项后,默认选项消失
- 使用 ajax 填充选择时没有选定的默认选项的问题
- 我在angular JS中选择的默认选项
- 将默认选项添加到ng-if
- Angular-选择不显示在下拉列表中的默认选项
- 我在angular JS中选择了一个默认选项,并删除了两个单词之间的下划线
- 使用Select2远程加载设置默认选项
- ES6 默认选项参数
- 如何声明,以便在 jquery 移动 UI 中突出显示默认选项卡
- 覆盖默认选项卡导航
- 在第一个由 angularjs 选择中排序默认选项
- 如何防止 JQuery 中的默认选项卡切换功能
- 高图表 - 添加其他导出选项而不会丢失默认选项
- 在选择下拉列表中的值时向某些控件添加了默认选项
- 显示所有选项的 ng 选项默认选项
- 使用js更改默认选项卡和页面
- 如何允许轻松覆盖javascript函数中的默认选项
- 在.js中设置默认选项卡
- 选择列表项分页内的默认选项卡