Tengo un formulario que le pide a la gente que ordene algo, digamos "Rojo", "Azul" y "Verde". Junto a cada color hay un menú desplegable con el orden disponible "1", "2" o "3".
Si alguien selecciona "2" para el rojo, quiero eliminar esa opción para los demás colores que aún no se han seleccionado.
No estoy seguro de por dónde empezar. Soy novato y realmente solo he usado HTML, CSS y PHP, aunque tengo algo de experiencia en javascript/jquery.
Estoy jugando con el código a continuación, pero necesito la función "onchange" para afectar el SEGUNDO menú desplegable y no el primero ...
function myFunction1() { var x = document.getElementById("mySelect"); x.remove(x.selectedIndex); } <form> Select a fruit: <br> <select id="mySelect" onchange="myFunction1()"> <option>Apple</option> <option>Pear</option> <option>Banana</option> <option>Orange</option> </select> <select id="mySelect2"> <option>Apple</option> <option>Pear</option> <option>Banana</option> <option>Orange</option> </select> </form> <br>No estoy seguro si esto es lo que estás esperando:
function removeSelectedNumber() { var x = document.getElementById("numberSelect"); x.remove(x.selectedIndex); } <form> Select a fruit: <br> <select id="colorSelect"> <option>Red</option> <option>Green</option> <option>Blue</option> <option>Yellow</option> </select> <select id="numberSelect" onchange="removeSelectedNumber()"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select> </form> <br>