如何从select2()下拉列表Jquery中禁用所选属性?

Att*_*ghi 25 attributes selected jquery-select2

我知道如何从下拉列表中启用所选属性; 我可以使用这段代码:

$('select').select2();
Run Code Online (Sandbox Code Playgroud)

但我的问题是如何禁用它?谢谢 点击这里

小智 54

正确的方法是:

$('select').select2("enable", false)
Run Code Online (Sandbox Code Playgroud)

这很好用.


小智 35

试试这个:

$('select option:selected').prop('disabled', true);
Run Code Online (Sandbox Code Playgroud)

编辑:

**对于使用Select 2版本4+的用户,新的方法应该是:

$('select').prop('disabled', true);
Run Code Online (Sandbox Code Playgroud)

澄清问题后,这是正确的方法:

$('select option:selected').prop('disabled', true);
Run Code Online (Sandbox Code Playgroud)


小智 16

以下编码也工作正常

对于启用选择框:

$('#foo').select2('enable');
Run Code Online (Sandbox Code Playgroud)

对于禁用选择框:

$('#foo').select2('disable');
Run Code Online (Sandbox Code Playgroud)

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

  • 要禁用:在我的情况下是 `$('#foo').select2('enable', false);`。 (2认同)

pro*_*ius 6

要禁用完整的select2框,即不删除已选择的值且没有新插入,请使用:

$("id-select2").prop("disabled", true);
Run Code Online (Sandbox Code Playgroud)

其中id-select2是select2的唯一ID.您还可以使用任何特定的类(如果已定义)来解决下拉列表问题.


Ata*_*vaş 5

selec2站点中,您可以看到选项。api有“禁用”选项。您可以像这样使用:

$('#foo').select2({
    disabled: true
});
Run Code Online (Sandbox Code Playgroud)


Mat*_*att 5

从Select2 4.1开始,他们已经删除了对.enable的支持

$("select").prop("disabled", true); // instead of $("select").enable(false);
Run Code Online (Sandbox Code Playgroud)

来自:https://select2.org/upgrading/migrating-from-35