jquery - 有没有办法限制选择使用 jquery 的选择中选择的选项的数量？

Question

我正在使用公司购买的模板，该模板将以下内容用作应用程序的一部分。

• 引导程序 v2.3.1
• 选择 v0.9.8 ( https://github.com/harvesthq/chosen )
• Select2.js v3.3.2

作为模板的初始化代码的一部分，还包括：

var handleChoosenSelect = function () {
    if (!jQuery().chosen) {
        return;
    }

    $(".chosen").each(function () {
        $(this).chosen({
            allow_single_deselect: $(this).attr("data-with-diselect") === "1" ? true : false
        });
    });
}

我有以下代码：

        <div class="row-fluid">
          <div class="span12 ">
            <div class="control-group">
              <label class="control-label">Total Sctions</label>
              <div class="controls">
                <select class="span4 select2" id="id_total_section" name="total_section">
                  <option value="0" selected="selected">0</option>
                  <option value="1">1</option>
                  <option value="2">2</option>
                </select>
              </div>
            </div>
          </div>
        </div>
        <div class="row-fluid">
          <div class="span12">
            <div class="control-group">
              <label class="control-label">Section</label>
              <div class="controls">
                <select class="chosen" id="id_section" multiple="multiple" name="section">
                  <option value="1">Value 1 [1]</option>
                  <option value="2">Value 2 [2]</option>
                  <option value="3">Value 3 [3]</option>
                  <option value="4">Value 4 [4]</option>
                </select>
              </div>
            </div>
          </div>
        </div>

这个想法是动态限制从选择元素中选择的部分的数量。

我已经做了一个测试，试图限制在代码中使用它，但我没有运气，它一直选择超过 1 个元素。

    $("#id_section").chosen({ max_selected_options: 1 });
    $("#id_section").chosen().change( function () {
      console.debug("Change done");
    } );

欢迎任何帮助解决这个问题。

Answer 1

看起来像是选择插件 max_selected_options的副本

问题是你打电话$("#id_section").chosen()后$("#id_section").chosen({ max_selected_options: 1 });似乎使选项无效。