web-dev-qa-db-ja.com

select2()ドロップダウンJqueryから選択した属性を無効にするにはどうすればよいですか?

選択した属性をドロップダウンから有効にする方法を知っています。私はこのコードを使用できます:

$('select').select2();

しかし、私の問題はそれを無効にする方法ですか? THX Click Here

23
Attila Naghi

Select2 4.xを使用している場合、以下を実行することで個々のオプションを無効にできます。

$('select option:selected').prop('disabled', true);

Select2 4.xを使用している場合、次の方法でドロップダウン全体を無効にできます。

$('select').prop('disabled', true);
34
robert

Select2 3.xの正しい方法は次のとおりです。

$('select').select2("enable", false)

これは正常に機能します。

53
user4105545

以下のコードはSelect2 3.xでも正常に動作します

[選択ボックスを有効にする]の場合:

$('#foo').select2('enable');

選択ボックスを無効にする場合:

$('#foo').select2('disable');

jsfiddle: http://jsfiddle.net/DcunN/

15
Anitha

Select2ボックス全体を無効にする、つまり、既に選択されている値を削除せず、新しい挿入も無効にするには、次を使用します。

$("id-select2").prop("disabled", true);

ここで、id-select2はselect2の一意のIDです。ドロップダウンに対処するために定義されている場合、特定のクラスを使用することもできます。

6
proprius

Select2 4.1では、.enableのサポートが削除されました

$("select").prop("disabled", true); // instead of $("select").enable(false);

From: https://select2.org/upgrading/migrating-from-35

5
Matt

selec2 site にオプションが表示されます。 APIには「無効」オプションがあります。次のように使用できます:

$('#foo').select2({
    disabled: true
});
5
Atakan Savaş

質問が不明確に思えるので、この回答が元の意図に直接関係しない場合は申し訳ありません。

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);になります。

3
Os1r1s110

Select2ドキュメントに従って: ここをクリック

Select2を無効にする場合は、次のアプローチを使用します。

$(".js-example-disabled").prop("disabled", true);

無効なselect2ボックスを有効にする場合は、次のアプローチを使用します。

$(".js-example-disabled").prop("disabled", false);
3
Ghulam Rasool

私はselect2を無効にします

$('select').select2("enable",false);

そしてそれらを有効にします

$('select').select2("enable");
2
Miftah Mizwar
$('select').select2('enable',false);

これは私のために動作します。

1
weeraa

ドロップダウンの値を無効にする場合

$( 'select option:not(selected)')。prop( 'disabled'、true);

$( 'select')。prop( 'disabled'、true);

私は値を無効にします:

<option disabled="disabled">value</option>
0