如何初始化一个禁用的select2
How to initialize a select2 disabled
我有一个简单的select2 init,我想在默认情况下禁用,而不链接.select2("enable", false)
之后。
<input type='hidden' value="192" data-init-text='Bla bla' name="input" id="test" style="width:300px;" />
JS:
$(document).ready(function() {
$('#test').select2({
minimumInputLength: 3,
placeholder: "Search",
enable: "false", // I want this to be working!
ajax: {
url: "http://www.weighttraining.com/sm/search",
dataType: 'jsonp',
quietMillis: 100,
data: function(term, page) {
return {
types: ["exercise"],
limit: -1,
term: term
};
},
results: function(data, page ) {
return { results: data.results.exercise }
}
},
formatResult: function(exercise) {
return "<div class='select2-user-result'>" + exercise.term + "</div>";
},
formatSelection: function(exercise) {
return exercise.term;
},
initSelection : function (element, callback) {
var elementText = $(element).attr('data-init-text');
callback({"term":elementText});
}
});
});
参见我的JSFiddle的例子。选择此处的文档
只需将disabled
属性添加到您的输入
<input disabled type='hidden' value="192" data-init-text='Bla bla' name="input" id="test" style="width:300px;" />
$(document).ready(function() {
$('#test').select2({
minimumInputLength: 3,
placeholder: "Search",
ajax: {
url: "http://www.weighttraining.com/sm/search",
dataType: 'jsonp',
quietMillis: 100,
data: function(term, page) {
return {
types: ["exercise"],
limit: -1,
term: term
};
},
results: function(data, page ) {
return { results: data.results.exercise }
}
},
formatResult: function(exercise) {
return "<div class='select2-user-result'>" + exercise.term + "</div>";
},
formatSelection: function(exercise) {
return exercise.term;
},
initSelection : function (element, callback) {
var elementText = $(element).attr('data-init-text');
callback({"term":elementText});
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/3.2.0/select2.min.js"></script>
<input disabled type='hidden' value="192" data-init-text='Bla bla' name="input" id="test" style="width:300px;" />
试试这个:
小提琴
$(document).ready(function() {
$('#test').select2({
minimumInputLength: 3,
placeholder: "Search",
ajax: {
url: "http://www.weighttraining.com/sm/search",
dataType: 'jsonp',
quietMillis: 100,
data: function(term, page) {
return {
types: ["exercise"],
limit: -1,
term: term
};
},
results: function(data, page ) {
return { results: data.results.exercise }
}
},
formatResult: function(exercise) {
return "<div class='select2-user-result'>" + exercise.term + "</div>";
},
formatSelection: function(exercise) {
return exercise.term;
},
initSelection : function (element, callback) {
var elementText = $(element).attr('data-init-text');
callback({"term":elementText});
}
}).select2("enable", false);
});
我在下面包含了最新的工作代码:
$("your-selector").select2({
// configuration params
}).prop("disabled", true);
注意prop
方法。很简单,对吧?
相关文章:
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- jQuery:循环一个具有不同超时值的循环
- 当包含另一个asp文件时,是否也包含所有引用的样式和脚本页面
- 从javascript创建一个列表
- 节点导出返回一个空对象
- javascript绑定另一个select2输入字段rails的select2 inputonchange事件的数据
- jquery-select2显示默认选择的第一个值
- select2 - 如果多个选项共享一个值,则返回不正确的选定选项
- Select2(多选) - 如果至少已经选择一个元素,如何显示备用占位符
- Select2-从15k个单元格阵列中创建一个自动完成选择框
- 如何通过jQuery在Select2中获得一个额外的参数值
- 如何初始化一个禁用的select2
- 尝试创建一个select2包装器
- Select2 multiselect -选择一个组及其所有子组,但允许在未选择组时选择多个子组
- Select2只显示列表中的最后一个标签
- Select2 trigger("change")创建一个无限循环
- 如何以编程方式选择一个选项从chrome扩展内容脚本的select2
- Select2-打开下拉列表后形成下拉列表时需要一个事件
- 如何使用另一个select2值选择select2
- Select2 -根据另一个列表的值限制一个列表的选择