選択した属性をドロップダウンから有効にする方法を知っています。私はこのコードを使用できます:
$('select').select2();
しかし、私の問題はそれを無効にする方法ですか? THX
Select2 4.xを使用している場合、以下を実行することで個々のオプションを無効にできます。
$('select option:selected').prop('disabled', true);
Select2 4.xを使用している場合、次の方法でドロップダウン全体を無効にできます。
$('select').prop('disabled', true);
Select2 3.xの正しい方法は次のとおりです。
$('select').select2("enable", false)
これは正常に機能します。
以下のコードはSelect2 3.xでも正常に動作します
[選択ボックスを有効にする]の場合:
$('#foo').select2('enable');
選択ボックスを無効にする場合:
$('#foo').select2('disable');
jsfiddle: http://jsfiddle.net/DcunN/
Select2ボックス全体を無効にする、つまり、既に選択されている値を削除せず、新しい挿入も無効にするには、次を使用します。
$("id-select2").prop("disabled", true);
ここで、id-select2
はselect2の一意のIDです。ドロップダウンに対処するために定義されている場合、特定のクラスを使用することもできます。
Select2 4.1では、.enableのサポートが削除されました
$("select").prop("disabled", true); // instead of $("select").enable(false);
selec2 site にオプションが表示されます。 APIには「無効」オプションがあります。次のように使用できます:
$('#foo').select2({
disabled: true
});
質問が不明確に思えるので、この回答が元の意図に直接関係しない場合は申し訳ありません。
Select2バージョン4+を使用し、プラグインの公式ドキュメントによると、.select2("enable")
は選択ボックスを無効にする方法ではありません(単一のオプションではありません)。バージョン4.1以降からは完全に削除されます。
ドキュメントから直接引用( https://select2.org/upgrading/migrating-from-35#select2-enable を参照):
Select2は、基になるselect要素の無効なプロパティを尊重します。 Select2を有効または無効にするには、要素で
.prop('disabled', true/false)
を呼び出す必要があります。 Select2 4.1では、古いメソッドのサポートが完全に削除されます。
したがって、前の回答の例では、$('select').prop(disabled,true);
になります。
Select2ドキュメントに従って: ここをクリック
Select2を無効にする場合は、次のアプローチを使用します。
$(".js-example-disabled").prop("disabled", true);
無効なselect2ボックスを有効にする場合は、次のアプローチを使用します。
$(".js-example-disabled").prop("disabled", false);
私はselect2を無効にします
$('select').select2("enable",false);
そしてそれらを有効にします
$('select').select2("enable");
$('select').select2('enable',false);
これは私のために動作します。
ドロップダウンの値を無効にする場合
$( 'select option:not(selected)')。prop( 'disabled'、true);
$( 'select')。prop( 'disabled'、true);
私は値を無効にします:
<option disabled="disabled">value</option>