Hola, buenos días.
Llevo unos días rompiéndome la cabeza con este tema y se me agotan las ideas sobre como abordarlo.
El tema es que tengo 4 listas desplegables y todas ellas cargan los mismos datos de la base de datos. Lo que quiero lograr es que al seleccionar 1 "option" en una de las listas, esa "option" deje de estar disponible en las otras 3 listas y así sucesivamente. En caso de deseleccionarla, volvería a estar disponible.
El caso es que estoy programando tipo un "comunio" y para hacer las alineaciones me es necesario. Lo máximo que he conseguido es que en la misma select, si selecciono un "option", ese valor se oculte, pero solo en esa misma select, en las demás siguen apareciendo todas las "options". Espero haberme explicado bien.
Os dejo la función que uso para controlar que no aparezca ya un jugador seleccionado en una misma select. Ahora falta que tampoco me deje seleccionar estas mismas opciones en las demás.
Código PHP:
function valselects(event)
{
var select=(event.target); //obtenemos la select sobre la que se ha efectuado el evento
for (var i=1;i<select.options.length;i++) //recorro opciones de la select
{
if(select.options[i].selected) //si detecta una option seleccionada
{
select.options[i].style.display="none"; //la oculta
}
else //las que no están seleccionadas
{
select.options[i].style.display="block"; // se muestran
}
}
Se agradece cualquier ayuda.
Un saludo.