在使用jQuerySelected的select中，有没有办法限制所选选项的数量？

我使用的是该公司购买的模板，该模板使用以下内容作为应用程序的一部分

引导v2.3.1 选择v0.9.8 选择2.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>

---

任何解决这个问题的帮助都是欢迎的

看起来像是

---

问题是调用$id\u section.selected就在$id\u section之后。selected{max\u selected\u options:1}；这似乎使选项无效。

根据，max_selected_选项应该适合您。你检查过控制台有无错误吗？嗨，Rory，控制台中没有出现错误。我已经检查了你指出的帖子，但是上面提到的解决方案在我的应用程序中不起作用。这样做的原因是，正如我指出的，有一个模板已经有一个init部分，并且该部分必须保持不变。

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