como saber cual opcion del select menu/list se ha selecionado

girl27 · #1 (**permalink**) 07/09/2004, 11:26

Hola a todos!

Aqui esta mi problemita: Tengo dos forms en la misma pagina de php pero necesito que cuando el usuario seleciona una opcion del menu/list se despliegue una seria de text boxes en el otro formulario dependiendo de la opcion selecionada desde el otro formulario. Ahora, quisiera no tener un boton de submit en el formulario del menu/list porque ya serian muchos botones en la pagina. Entonces mi idea era que cuando el usuario seleccione algo se llamara una funcion con el set de textfields para que se ingresen unos datos a la base de datos. El problema es que no se como ver que opcion ha sido selecionada , parece ser que necesito javascript pero soy nueva en todo esto. Por favor , necesito una ayudita.!

Gracias

Ds1 · #2 (**permalink**) 07/09/2004, 11:41

vea en los FAQ de javascript
hay esta lo que quiere

girl27 · #3 (**permalink**) 07/09/2004, 12:11

Cita:

Iniciado por Ds1

vea en los FAQ de javascript
hay esta lo que quiere

Hola gracias por responder.

Chekie las FAQ's y encontre mas o menos lo que necesito. Pero la diferencia de mi problema es que yo necesito que solo una parte de la pagina cambie..no quisiera abrir una pagina totalmente nueva para desplegar el nuevo formulario. Si no que en le mismo formulario cambia los textfields. Entonces cada formulario yo lo pensaba poner en diferntes formularios y llamar a cada funcion dependiendo de la opcion . Entonces si hago:

<td width="298"><select name="bookselect" onChange="location.href=this.value">
<option value = "twoauthorform();">Book by one author</option>

Parece que no encuentra la funcion .... pues cuando seleciono esa opcion me dice que la pagina no puede ser encontrada.

Me podrias decir como obtener el resultado que necesito.

Muchas gracias

Ds1 · #4 (**permalink**) 07/09/2004, 12:47

COPIA EL SIGUIENTE CODIGO Y VE SI ES LO QUE QUIERES
ESTE CODIGO LO SAQUE DE LOS FAQ

Código:

<html> 
<head> 
  <script language="JavaScript"> 

   function addOpt(oCntrl, iPos, sTxt, sVal){ 
     var selOpcion=new Option(sTxt, sVal); 
     eval(oCntrl.options[iPos]=selOpcion); 
   } 

   function cambia(oCntrl){ 
    switch (document.frm.pais.selectedIndex){ 
     case 0: 
      addOpt(oCntrl,  0, "Ciudad de México", "http://www.mexico.com"); 
      addOpt(oCntrl,  1, "Monterrey", "http://www.monterrey.com"); 
      addOpt(oCntrl,  2, "Guadalajara", "http://www.guadalajara.com"); 
      break; 
     case 1: 
      addOpt(oCntrl,  0, "Madrid", "http://www.madrid.com"); 
      addOpt(oCntrl,  1, "Barcelona", "http://www.barcelona.com"); 
      addOpt(oCntrl,  2, "San Sebastián", "http://www.sansebastian.com"); 
      break; 
     case 2: 
      addOpt(oCntrl,  0, "Caracas", "http://www.caracas.com"); 
      addOpt(oCntrl,  1, "Maracay", "http://www.maracay.com"); 
      addOpt(oCntrl,  2, "Valencia", "http://www.valencia.com"); 
      break; 
    } 
   } 
  </script> 
</head> 
<body> 
  <form name="frm"> 
   <table border="0" width="482"> 
    <tr> 
     <td width="25"> 
      Pais 
     </td> 
     <td width="89"> 
      <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 width="6"> 
      &nbsp; 
     </td> 
     <td width="44"> 
      Ciudad 
     </td> 
     <td width="296"> 
      <select name="ciudad" onChange="location.href=this.form.ciudad.options[this.form.ciudad.selectedIndex].value"> 
       <option value="0">Ciudad de México</option> 
       <option value="1">Monterrey</option> 
       <option value="2">Guadalajara</option> 
      </select> <input type="button" value="Ir a..." onClick="location.href=this.form.ciudad.options[this.form.ciudad.selectedIndex].value"</td> 
    </tr> 
   </table> 
  </form> 
</body> 
</html>

girl27 · #5 (**permalink**) 07/09/2004, 13:44

Hola , Si es algo parecido a lo que tengo que hacer. Pero lo unico que a mi me gustaria que la opcion cambiara el form adentro de la pagina actual , no en otra diferente. Pero si no hay otra opcion pues tendria que hacerlo.

Por mientras lo qe hago es que especifico que archivo quiero qe habra dependienod de la opcion pero algo raro esta pasando porque cuando hago esto:
addOpt(oCntrl, 0, "Book by one author", "http://localhost/claudiapart/twoauthorform.php");

No encuentra la pagina. pero si pongo que habra el mismo archivo en otra opcion entonces si me abre la pagina... nose porque esta pasando esto

girl27 · #6 (**permalink**) 07/09/2004, 16:53

Cita:

Iniciado por girl27

Hola , Si es algo parecido a lo que tengo que hacer. Pero lo unico que a mi me gustaria que la opcion cambiara el form adentro de la pagina actual , no en otra diferente. Pero si no hay otra opcion pues tendria que hacerlo.

Por mientras lo qe hago es que especifico que archivo quiero qe habra dependienod de la opcion pero algo raro esta pasando porque cuando hago esto:
addOpt(oCntrl, 0, "Book by one author", "http://localhost/claudiapart/twoauthorform.php");

No encuentra la pagina. pero si pongo que habra el mismo archivo en otra opcion entonces si me abre la pagina... nose porque esta pasando esto

Hola , Todavia sigo intentando hacer funcionar la primera opcion del ejemplo que me distes . Los links para la opcion "mexico" no funcionan. Creo que el error esta en esta parte:

<option value="0">Ciudad de México</option>
<option value="1">Monterrey</option>
<option value="2">Guadalajara</option>

Pues al quitarla me abre los links . pero lo malo es que cuando se quita entonces no se ven las opciones para las ciudades de mexico entonces no se puede abrir los links para esa opcion si no hasta que el usiario escoga otro pais antes.

Si me puedes ayudar a como resolver esto por favor

Gracias

girl27 · #7 (**permalink**) 07/09/2004, 17:15

Ok ya vi bien que es lo que pasa. Las opciones todas funcionan pero para que la primera funcione el usuario tiene que escoger otra opcion primero. Alguien me puede decir como resolver esto por favor?

Gracias