Ver Mensaje Individual
  #2 (permalink)  
Antiguo 01/12/2002, 16:28
Avatar de Kaopectate
Kaopectate
Colaborador
 
Fecha de Ingreso: diciembre-2001
Ubicación: Curaçao (Antillas Holandesas)
Mensajes: 3.179
Antigüedad: 20 años, 5 meses
Puntos: 38
1.- Selects

P: ¿Como puedo hacer para que al cambiar la opción seleccionada en un combo, cambien también las opciones disponibles en otro combo?

R: [ver ejemplo]

Código PHP:
<html>
 <
head>
  <
title>
   
FAQ-1Selects
  
</title>
  <
script language="JavaScript">

   function 
addOpt(oCntrliPossTxtsVal){
     var 
selOpcion=new Option(sTxtsVal);
     eval(
oCntrl.options[iPos]=selOpcion);
   }

   function 
cambia(oCntrl){
    while (
oCntrl.lengthoCntrl.remove(0);
    switch (
document.frm.pais.selectedIndex){
     case 
0
      
addOpt(oCntrl,  0"Ciudad de México""0");
      
addOpt(oCntrl,  1"Monterrey""1");
      
addOpt(oCntrl,  2"Guadalajara""2");
      break;
     case 
1
      
addOpt(oCntrl,  0"Madrid""0");
      
addOpt(oCntrl,  1"Barcelona""1");
      
addOpt(oCntrl,  2"San Sebastián""2");
      break;
     case 
2
      
addOpt(oCntrl,  0"Caracas""0");
      
addOpt(oCntrl,  1"Coro""1");
      
addOpt(oCntrl,  2"Maracay""2");
      
addOpt(oCntrl,  3"Valencia""3");
      break;
    }
   }
  
</script>
 </head>
 <body>
  <script language="JavaScript">
   var w = 400;
   var h = 150;
   resizeTo(w, h);
   moveTo((screen.width - w)/ 2, (screen.height - h)/ 2);
  </script>
  <form name="frm">
   <table border="0">
    <tr>
     <td>
      Pais
     </td>
     <td>
      <select name="pais" onchange="cambia(document.frm.ciudad)">
       <option value="Mex">Mexico</option>
       <option value="Esp">España</option>
       <option value="Ven">Venezuela</option>
      </select>
     </td>
     <td>
      &nbsp;
     </td>
     <td>
      Ciudad
     </td>
     <td>
      <select name="ciudad">
       <option value="0">Ciudad de México</option>
       <option value="1">Monterrey</option>
       <option value="2">Guadalajara</option>
      </select>
     </td>
    </tr>
   </table>
  </form>
 </body>
</html> 

Última edición por Kaopectate; 25/07/2003 a las 14:02