Tengo un formulario que contiene 5 menús de selección. Cada menú tiene un ID/contenido diferente, etc., pero todos tienen un valor de opción predeterminado inicial de Ninguno. Por ejemplo...
<select id="Menu_One" name="Menu_One"> <option value="None">None</option> <option value="SomeValue">A value</option> </select> <select id="Menu_Two" name="Menu_Two"> <option value="None">None</option> <option value="SomeValue">A value</option> </select>...y así.
Una vez que un usuario haya completado el formulario, me gustaría presentar un botón que, al hacer clic, oculte cualquier menú de selección que se haya dejado en el valor predeterminado de "Ninguno".
Me he estrujado el cerebro para resolver esto, pero obviamente me estoy perdiendo algo simple. Idealmente, debe ser una solución Javascript / jQuery.
¿Algunas ideas?
Puedes hacer esto con Javascript simple. Simplemente agregue esta llamada de función a su evento de clic de botón.
let hideSelects = function() { const elements = document.querySelector("select"); for (var x=0, select; select = elements[x]; x++) { if (select.value === 'None') { select.style.display = 'none'; } } }