如何允许用户在Select2上选择空字符串
如何允许用户在Select2上选择空字符串
提问于 2014-03-15 00:05:24
文本框中动态填充了一个使用Select2的远程调用，我希望允许用户将该字段留空。
$("#e6").select2({
placeholder: "Search for a movie",
minimumInputLength: 1,
ajax: {
url: "http://api.rottentomatoes.com/api/public/v1.0/movies.json",
dataType: 'jsonp',
data: function (term, page) {
return {
q: term, // search term
page_limit: 10,
};
},
results: function (data, page) {
return {results: data.movies};
}
},
});回答 2
Stack Overflow用户
回答已采纳
发布于 2014-03-15 01:54:52
您可以将allowClear选项设置为true。
$("#e6").select2({
allowClear: true,
placeholder: "Search for a movie",
...当设置为true时，allowClear选项会使Select2控件显示一个clear按钮，但您还必须指定placeholder选项才能使其正常工作。
下面的jsfiddle展示了它在使用ajax的Select2中的工作。
Stack Overflow用户
发布于 2016-09-06 18:26:45
这对我很有效，
$('#f').select2(
{
allowClear: true,
placeholder: {
id: "-1",
text:"City",
selected:'selected'
},
data:[
{id: -1,text: '',selected: 'selected',search:'',hidden:true},
{ id: 1,
text: 'Italy',
search: "Italy",
children: [
{id: 2, text: 'Sardinia', search: "Italy Sardinia", selected: false},
{id: 3, text: 'Sicily', search: "Italy Sicily", selected: false}
]
},
{
id: 4,
text: 'United Kingdom',
search: "United Kingdom",
children:[
{id: 5, text: 'Guernsey', search: "United Kingdom - Guernsey", selected: false},
{id: 6, text: 'Jersey', search: "United Kingdom - Jersey", selected: false}
]
}
]
}
);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22410180
复制相关文章
相似问题