1

会社が購入したテンプレートを使用しています。テンプレートは、アプリの一部として次を使用します。

また、テンプレートの初期化コードの一部として、これが含まれています。

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>

アイデアは、select 要素から選択されるセクションの量を動的に制限することです。

これをコードに使用することを制限しようとするテストをすでに行いましたが、運がありませんでした。複数の要素を選択し続けます。

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

これを解決するための助けは大歓迎です。

4

1 に答える 1

0

Chosen プラグイン max_selected_optionsの複製のように見えます

問題は、オプションを無効にするように見える$("#id_section").chosen()直後に呼び出すことです。$("#id_section").chosen({ max_selected_options: 1 });

于 2013-11-01T16:03:09.100 に答える