javascript - jQuery 选择了 max_selected_options

Question

我正在使用 chosen 来填充我的选择元素。我遇到的唯一问题是 max_selected_options 没有被识别。例如，我已将此选项设置为 3 但没有任何反应。仍然允许我选择更多项目。在 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>

Answer 1

尝试

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 时。