Ver Mensaje Individual
  #2 (permalink)  
Antiguo 23/07/2012, 16:45
Avatar de informacionsys
informacionsys
 
Fecha de Ingreso: mayo-2011
Ubicación: Bogota D.C
Mensajes: 793
Antigüedad: 13 años
Puntos: 76
Respuesta: Validacion de dos listas/menu

hola

mmmm asi:

Código HTML:
Ver original
  1. <select name="tipo_vehiculo01_01" id="tipo_vehiculo01_01" onChange="javascript:TipoVehiculo()">
  2.         <option value="">--ELIJA UNA OPCION--</option>
  3.         <option value="taxi">Radio Taxi</option>
  4.         <option value="barco">Barco</option>
  5.         <option value="avion">Avion</option>
  6.         </select>
  7. </p>
  8. <p>        
  9. <label>Tipo de Transporte</label>
  10.         <select name="tipo_transporte01_01" id="tipo_transporte01_01">
  11.             <select name="tipo_transporte01_01" id="tipo_transporte01_01">
  12.                         <option value="" id="transporte">--ELIJA UNA OPCION--</option>
  13.                         <option value="terrestre" id="terrestre">Terrestre</option>
  14.                         <option value="maritimo" id="maritimo">Maritimo</option>
  15.                         <option value="aereo" id="aereo">Aereo</option>
  16.         </select>


Código Javascript:
Ver original
  1. function TipoVehiculo()
  2. {  
  3.     // default
  4.     document.getElementById("maritimo").disabled = false;
  5.     document.getElementById("aereo").disabled = false;
  6.     document.getElementById("terrestre").disabled = false;
  7.     document.getElementById("transporte").selected = "selected";
  8.  
  9.     var tipoV= document.getElementById("tipo_vehiculo01_01").value.toLowerCase();
  10.  
  11.     //tipos transporte
  12.     var maritimo = document.getElementById("maritimo");
  13.     var aereo = document.getElementById("aereo");
  14.     var terrestre = document.getElementById("terrestre");
  15.  
  16.  
  17.     if(tipoV == "taxi")
  18.     {
  19.         maritimo.disabled = true;
  20.         aereo.disabled = true;
  21.     }
  22.  
  23.     if(tipoV == "barco")
  24.     {
  25.         terrestre.disabled = true;
  26.         aereo.disabled = true;
  27.     }  
  28.  
  29.     if(tipoV == "avion")
  30.     {
  31.         terrestre.disabled = true;
  32.         maritimo.disabled = true;
  33.     }
  34.    
  35.  
  36. }


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

Última edición por informacionsys; 23/07/2012 a las 16:54