会社が購入したテンプレートを使用しています。テンプレートは、アプリの一部として次を使用します。
- ブートストラップ 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>
アイデアは、select 要素から選択されるセクションの量を動的に制限することです。
これをコードに使用することを制限しようとするテストをすでに行いましたが、運がありませんでした。複数の要素を選択し続けます。
$("#id_section").chosen({ max_selected_options: 1 });
$("#id_section").chosen().change( function () {
console.debug("Change done");
} );
これを解決するための助けは大歓迎です。