Tema: al seleccionar un option de un select, que otro select cambie
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 30/03/2010, 16:41
Avatar de locmasm
locmasm
 
Fecha de Ingreso: noviembre-2007
Ubicación: México D. F.
Mensajes: 301
Antigüedad: 16 años, 5 meses
Puntos: 1
Respuesta: al seleccionar un option de un select, que otro select cambie
Cita:
Iniciado por tazzwt Ver Mensaje
acá tengo un code, no es mio pertenece al faq de este foro.

Código Javascript: 
Ver original
  1. <!-- basado en el código original propuesto por Kaopectate --> 
  2. <html> 
  3.  <head> 
  4.   <script language="JavaScript"> 
  5.  
  6.    function addOpt(oCntrl, iPos, sTxt, sVal){ 
  7.      var selOpcion=new Option(sTxt, sVal); 
  8.      eval(oCntrl.options[iPos]=selOpcion); 
  9.    } 
  10.  
  11.    function cambia(oCntrl){ 
  12.     switch (document.frm.pais.selectedIndex){ 
  13.      case 0:  
  14.       addOpt(oCntrl,  0, "Ciudad de México", "http://www.mexico.com"); 
  15.       addOpt(oCntrl,  1, "Monterrey", "http://www.monterrey.com"); 
  16.       addOpt(oCntrl,  2, "Guadalajara", "http://www.guadalajara.com"); 
  17.       break; 
  18.      case 1:  
  19.       addOpt(oCntrl,  0, "Madrid", "http://www.madrid.com"); 
  20.       addOpt(oCntrl,  1, "Barcelona", "http://www.barcelona.com"); 
  21.       addOpt(oCntrl,  2, "San Sebastián", "http://www.sansebastian.com"); 
  22.       break; 
  23.      case 2:  
  24.       addOpt(oCntrl,  0, "Caracas", "http://www.caracas.com"); 
  25.       addOpt(oCntrl,  1, "Maracay", "http://www.maracay.com"); 
  26.       addOpt(oCntrl,  2, "Valencia", "http://www.valencia.com"); 
  27.       break; 
  28.     } 
  29.    } 
  30.   </script> 
  31.  </head> 
  32.  <body> 
  33.   <form name="frm"> 
  34.    <table border="0" width="482"> 
  35.     <tr> 
  36.      <td width="25"> 
  37.       Pais 
  38.      </td> 
  39.      <td width="89"> 
  40.       <select name="pais" onchange="cambia(document.frm.ciudad)"> 
  41.        <option value="Mex">Mexico</option> 
  42.        <option value="Esp">España</option> 
  43.        <option value="Ven">Venezuela</option> 
  44.       </select> 
  45.      </td> 
  46.      <td width="6"> 
  47.       &nbsp; 
  48.      </td> 
  49.      <td width="44"> 
  50.       Ciudad 
  51.      </td> 
  52.      <td width="296"> 
  53.       <select name="ciudad" onChange="location.href=this.form.ciudad.options[this.form.ciudad.selectedIndex].value"> 
  54.        <option value="0">Ciudad de México</option> 
  55.        <option value="1">Monterrey</option> 
  56.        <option value="2">Guadalajara</option> 
  57.       </select> <input type="button" value="Ir a..." onClick="location.href=this.form.ciudad.options[this.form.ciudad.selectedIndex].value"</td> 
  58.     </tr> 
  59.    </table> 
  60.   </form> 
  61.  </body> 
  62. </html>
Funcionó a la perfección, en unos minutos les publicaré como me quedó el código.