attributes - disable - select2 width

¿Cómo puedo deshabilitar el atributo seleccionado en el menú desplegable select2() de Jquery?

Question

Sé cómo habilitar el atributo seleccionado desde el menú desplegable; Puedo usar este código:

$(''select'').select2();

¿Pero mi problema es cómo desactivarlo? Gracias

Answer 1

A partir de Select2 4.1, han eliminado el soporte para .enable

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

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

Answer 2

Como la pregunta no parece clara, lo siento si esta respuesta no está directamente relacionada con la intención original.

Para aquellos que utilizan Select2 versión 4+ y de acuerdo con la documentación oficial del complemento, .select2("enable") ya no es el camino a seguir para deshabilitar el cuadro de selección (ni una sola opción). Incluso se eliminará completamente de la versión 4.1 en adelante.

Citado directamente de la documentación (consulte https://select2.org/upgrading/migrating-from-35#select2-enable ):

Select2 respetará la propiedad deshabilitada del elemento de selección subyacente. Para habilitar o deshabilitar Select2, debe llamar a .prop(''disabled'', true/false) en el elemento. El soporte para los métodos antiguos se eliminará completamente en Select2 4.1.

Entonces, en el ejemplo de la respuesta anterior, debería ser: $(''select'').prop(disabled,true);

Answer 3

En el sitio selec2 puedes ver opciones. Hay opción "deshabilitada" para api. Se puede utilizar como:

$(''#foo'').select2({
    disabled: true
});

Answer 4

Estoy deshabilitado en valor:

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

Answer 5

Estoy deshabilitado select2 con

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

y habilitarlos con

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

Answer 6

La codificación de abajo también funciona bien

Para habilitar el cuadro de selección:

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

Para desactivar el cuadro de selección:

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

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

Answer 7

Para deshabilitar el cuadro Select2 completo, que no es la eliminación de los valores ya seleccionados y no hay una nueva inserción, use:

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

donde id-select2 es el id único de select2. También puede usar cualquier clase en particular si está definido para abordar el menú desplegable.

Answer 8

Prueba esto:

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

EDITAR:

** Para aquellos que usan Select 2 versión 4+ , la nueva forma de hacerlo debería ser:

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

Después de aclarar la pregunta, esta es la forma correcta de hacerlo:

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

Answer 9

Según la documentación de Select2: Haga clic aquí

Si desea deshabilitar Select2, utilice este enfoque:

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

Si desea habilitar un cuadro select2 deshabilitado use este enfoque:

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

Answer 10

el camino correcto es

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

Esto funciona bien.

Answer 11

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

Esto funciona para mi