¿Cómo puedo hacer para crear una etiqueta de selección de solo lectura? He leído que no puedes establecer una selección como de solo lectura. Hago eso, puedo configurarlo como deshabilitado, pero ... Esa no es una opción. Me gustaría que el usuario vea el resto de las opciones en la etiqueta de selección, pero no podrá elegir una de ellas ...Disable/readonly select tag in html
¿Alguna idea?
puede usar el atributo deshabilitado.
por ejemplo.
<select >
<option disabled="disabled" value="volvo">Volvo</option>
<option disabled="disabled" value="saab">Saab</option>
<option disabled="disabled" value="mercedes">Mercedes</option>
<option disabled="disabled" value="audi">Audi</option>
</select>
Veo ... configuré cada etiqueta de opciones como deshabilitada en lugar de deshabilitar toda la etiqueta de selección. Gracias por su ayuda, Saifuddin. Realmente lo aprecio – Tiwaz89
Esto impide que los valores seleccionados se envíen con el formulario. –
@ButtleButkus Sí, tiene razón. Los elementos deshabilitados en un formulario no se enviarán. Mientras que el atributo deshabilitado no funcionará con tan oculto. campo se utilizará para los valores seleccionados en su lugar. –
suponer que la etiqueta id = "mySelectID", y jQuery es residente, entonces:
<script language="javascript">
// disable all the options that are not in use:
$("#mySelectID option").not(":selected").attr("disabled", "disabled");
// to remove readonly, enable them again:
$("#mySelectID option").not(":selected").attr("disabled", "");
</script>
jQuery ahora distingue entre atributos y propiedades , por lo que también puede hacer: '$ (selector) .prop ('disabled', true)' Detalles: http://api.jquery.com/prop/ –
que usarán los valores seleccionados con discapacidad para la etiqueta de opción.
Servirá para que el usuario seleccione una opción y al mismo tiempo deshabilite esa opción.
Ejemplo:
<option selected disabled>-Select-</option>
https://coderanch.com/t/469173/select-box-READONLY-true
si desea desactivar el cuadro de selección, a continuación, se puede utilizar un código javascript para que pueda volver antes de que el formulario envía. Así que en el caso onsubmit de la forma, puede activar el cuadro de selección de manera que su valor también se presentará cuando se envía el formulario ...
Puede que sea falsa-de sólo lectura mediante la adición de style="pointer-events:none;"
Cuál es el punto para permitir al usuario ver todas las opciones, pero no le permite seleccionar ninguna de ellas? – dhblah
No lo sé amigo. Solo soy el programador. Pregunta a los usuarios estúpidos. :-( – Tiwaz89
@Relborg, me reí tanto que mis colegas me dieron una apariencia extraña. –