Javascript jQuery选择的最大选中选项

我正在使用Selected填充我的select元素。我遇到的唯一问题是，

max\u selected\u options

未被识别。例如，我已将此选项设置为3，但什么也没有发生。仍然允许我选择更多项目。firebug或inspector中没有错误

我已经检查了网站，看不到如何做到这一点的例子。我已经发布了我的代码，如果有人能指出我的错误，我将不胜感激。非常感谢

js

html

选择您的方框
请从列表中选择您的方框。每次提交最多可选择3个框。通过按住键盘上的左ctrl键并进行选择，可以选择多个框

尝试使用

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时，请选择

<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]);
         }