Validacion de dos listas/menu

chelares · #1 (**permalink**) 23/07/2012, 16:21

Tengo el siguiente codigo HTML:

Código HTML:

<html>
<head>
</head> 
<body>
<p>
<label>Tipo de Vehiculo</label>
<select name="tipo_vehiculo01_01" id="tipo_vehiculo01_01" onchange="validar(this.form)" >
        <option value="">--ELIJA UNA OPCION--</option> 
        <option value="taxi">Radio Taxi</option>
        <option value="barco">Barco</option>
        <option value="avion">Avion</option>
    	</select>
</p>
<p>        
<label>Tipo de Transporte</label>
		<select name="tipo_transporte01_01" id="tipo_transporte01_01">
        <option value="">--ELIJA UNA OPCION--</option> 
      	<option value="terrestre">Terrestre</option>
      	<option value="maritimo">Maritimo</option>
      	<option value="aereo">Aereo</option>
    	</select>
</p>
</body>
</html>

lo que quiero hacer es validar las dos listas, cuando en la primera se elija el vehiculo: barco, en la segunda lista no te deje seleccionar el transporte: terrestre, para que no se guarden datos erroneos en la base de datos.
Creo que esta demas decir que estoy trabajando en PHP y MySql, nose si habra algun codigo javascript para este problema o solo con PHP.
Espero me puedan ayudar.
Agradecerles de antemano por la ayuda brindada y el tiempo!!

informacionsys · #2 (**permalink**) 23/07/2012, 16:45

hola

mmmm asi:

Código HTML:

Ver original<select name="tipo_vehiculo01_01" id="tipo_vehiculo01_01" onChange="javascript:TipoVehiculo()">
        <option value="">--ELIJA UNA OPCION--</option> 
        <option value="taxi">Radio Taxi</option>
        <option value="barco">Barco</option>
        <option value="avion">Avion</option>
        </select>
</p>
<p>        
<label>Tipo de Transporte</label>
        <select name="tipo_transporte01_01" id="tipo_transporte01_01">
            <select name="tipo_transporte01_01" id="tipo_transporte01_01">
                        <option value="" id="transporte">--ELIJA UNA OPCION--</option> 
                        <option value="terrestre" id="terrestre">Terrestre</option>
                        <option value="maritimo" id="maritimo">Maritimo</option>
                        <option value="aereo" id="aereo">Aereo</option>
        </select>

Código Javascript:

Ver originalfunction TipoVehiculo()
{   
    // default
    document.getElementById("maritimo").disabled = false;
    document.getElementById("aereo").disabled = false;
    document.getElementById("terrestre").disabled = false;
    document.getElementById("transporte").selected = "selected";
 
    var tipoV= document.getElementById("tipo_vehiculo01_01").value.toLowerCase();
 
    //tipos transporte
    var maritimo = document.getElementById("maritimo");
    var aereo = document.getElementById("aereo");
    var terrestre = document.getElementById("terrestre");
 
 
    if(tipoV == "taxi")
    {
        maritimo.disabled = true;
        aereo.disabled = true;
    }
 
    if(tipoV == "barco")
    {
        terrestre.disabled = true;
        aereo.disabled = true;
    }   
 
    if(tipoV == "avion")
    {
        terrestre.disabled = true;
        maritimo.disabled = true;
    }
    
 
}

Es algo totalmente Basico, yo te aconsejo uses base de datos , y cargues los datos con Ajax, Jquery para que te facilite las cosas

chelares · #3 (**permalink**) 26/07/2012, 13:05

Muchas gracias por la respuesta, tendre muy en cuenta tus sugerencias, por el momento no pude probar el codigo porque he estado ocupado relalizando otras cosas, pero en cuando lo pruebe y me funcione posteo como me fue.
Muchas Gracias por la ayuda!!!