「=11=」选择「=10=」
jQuery chosen max_selected_options
我正在使用 chosen 来填充我的 select 元素。我遇到的唯一问题是 max_selected_options
没有被识别。例如,我已将此选项设置为 3 但没有任何反应。仍然允许我 select 更多项目。 firebug 或 inspector.
中没有错误
我查看了该站点,但没有看到有关如何执行此操作的示例。我已经发布了我的代码,如果有人能指出我的错误,我将不胜感激。非常感谢。
js
$(function() {
$("#box_rtn").chosen({
width: "250px",
max_selected_options: 3
});
$("#box_rtn").bind("chosen:maxselected", function() {
$("#message").html('You cannot select more than 3 boxes');
});
});
html
<div class="form-group">
<label for="box_rtn" class="labelStyle">Select Your Box(es)</label>
<select class="form-control chosen-select" name="box_rtn[]" id="box_rtn" multiple data-placeholder="No boxes to display...">
<option value=""></option>
</select>
<div id="rtrnmessage"></div>
<div class="servicesHelp"><lead id="serviceHelp" class="form-text text-muted">Please select your boxes from the list. You can select a max of 3 boxes per submission. You can select multiple boxes by holding the left ctrl on your keyboard and making your selection</lead>
</div>
<div id="message" style="color:white;"></div>
</div>
试试
var config = {
'.chosen-select' : {max_selected_options: 3},
'.chosen-select-deselect' : {allow_single_deselect:true},
'.chosen-select-no-single' : {disable_search_threshold:10},
'.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
'.chosen-select-width' : {width:"95%"}
}
for (var selector in config) {
$(selector).chosen(config[selector]);
}
配置时选择 jquery。
我正在使用 chosen 来填充我的 select 元素。我遇到的唯一问题是 max_selected_options
没有被识别。例如,我已将此选项设置为 3 但没有任何反应。仍然允许我 select 更多项目。 firebug 或 inspector.
我查看了该站点,但没有看到有关如何执行此操作的示例。我已经发布了我的代码,如果有人能指出我的错误,我将不胜感激。非常感谢。
js
$(function() {
$("#box_rtn").chosen({
width: "250px",
max_selected_options: 3
});
$("#box_rtn").bind("chosen:maxselected", function() {
$("#message").html('You cannot select more than 3 boxes');
});
});
html
<div class="form-group">
<label for="box_rtn" class="labelStyle">Select Your Box(es)</label>
<select class="form-control chosen-select" name="box_rtn[]" id="box_rtn" multiple data-placeholder="No boxes to display...">
<option value=""></option>
</select>
<div id="rtrnmessage"></div>
<div class="servicesHelp"><lead id="serviceHelp" class="form-text text-muted">Please select your boxes from the list. You can select a max of 3 boxes per submission. You can select multiple boxes by holding the left ctrl on your keyboard and making your selection</lead>
</div>
<div id="message" style="color:white;"></div>
</div>
试试
var config = {
'.chosen-select' : {max_selected_options: 3},
'.chosen-select-deselect' : {allow_single_deselect:true},
'.chosen-select-no-single' : {disable_search_threshold:10},
'.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
'.chosen-select-width' : {width:"95%"}
}
for (var selector in config) {
$(selector).chosen(config[selector]);
}
配置时选择 jquery。