Ocultar una opci?n <option></option> de un <select> en HTML
Más de un año
0
0
251
Para ocultar la opci?n <option value="2">Categor?a 2 </option> de un <select> en HTML, puedes utilizar JavaScript o jQuery. Aqu? te muestro ambas opciones.
Usando JavaScript
Puedes usar el siguiente c?digo JavaScript para ocultar la opci?n:
Usando jQuery
Si prefieres usar jQuery, puedes hacerlo de la siguiente manera:
Ambos m?todos ocultar?n la opci?n "Categor?a 2" del men? desplegable. El usuario no podr? seleccionarla, pero seguir? existiendo en el c?digo HTML.
Usando JavaScript
Puedes usar el siguiente c?digo JavaScript para ocultar la opci?n:
<select class="opciones required" name="categoria" id="miSelect">
? ? <option value="" selected="selected">Selecciona categor?a</option>
? ? <option value="1">Categor?a 1</option>
? ? <option value="2">Categor?a 2</option>
? ? <option value="3">Categor?a?3</option>
</select>
<script>
? ? // Obtener el select por su ID
? ? var select = document.getElementById("miSelect");
? ? // Iterar sobre las opciones para encontrar la que deseas ocultar
? ? for (var i = 0; i < select.options.length; i++) {
? ? ? ? if (select.options[i].value === "2") {
? ? ? ? ? ? // Ocultar la opci?n
? ? ? ? ? ? select.options[i].style.display = 'none';
? ? ? ? ? ? break; // Salir del bucle una vez que se encuentra
? ? ? ? }
? ? }
</script>
Usando jQuery
Si prefieres usar jQuery, puedes hacerlo de la siguiente manera:
<select class="opciones required" name="categoria" id="miSelect">
? ? <option value="" selected="selected">Selecciona categor?a</option>
? ? <option value="1">Categor?a 1</option>
? ? <option value="2">Categor?a 2</option>
? ? <option value="3">Categor?a 3</option>
</select>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
? ? $(document).ready(function() {
? ? ? ? // Ocultar la opci?n con valor 2
? ? ? ? $('#miSelect option[value="2"]').hide();
? ? });
</script>
Ambos m?todos ocultar?n la opci?n "Categor?a 2" del men? desplegable. El usuario no podr? seleccionarla, pero seguir? existiendo en el c?digo HTML.
Tienes que ser miembro para responder en este tema
Últimos comentarios
