Completacion de Formulario de acuerdo a un INPUT SELECT

BLAH !! · #1 (**permalink**) 31/12/2005, 15:12

Hola a todos ...

Quisiera saber si existe una forma de completar automáticamente un formulario solamente con el trabajo de seleccionar una opción de un SELECT

Vale decir que si elijo el primer option de un select se me complete un <input type="text"> con ciertas caracteristicas, y asi cambiando estas de acuerdo a la opción elejida.

Muchas Gracias
Pablo Araya.-

BLAH !! · #2 (**permalink**) 31/12/2005, 15:32

Hola a todos:

Lo único que encontre fue esto, que a pesar de no ser lo que quiero es algo parecido...

Código HTML:

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

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

   function cambia(oCntrl){ 
    while (oCntrl.length) oCntrl.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>

--------------------------------------------------------------

Discrepo en este codigo, ya que no quiero que al elejir el select me aparesca los datos en un SELECT, sino que en un textarea. Vale decir que solo al elejir el primer SELECT (maestro) se me complete un TEXTAREA y un INPUT tipo texto automaticamente.

Muchas Gracias.-
Pablo Araya.-

BLAH !! · #3 (**permalink**) 31/12/2005, 15:56

Hola a todos:

Por fin logré lo que quería ... !!! Aquí les dejo el código por si alguien busca algo parecido.

Código HTML:

<script>
function cambio( region ) {
  document.form.comboB.length =0;
  switch ( region )  {
    case 'baleares': {
      document.form.comboB.value = "Respuesta 1";
      document.form.texto.value = "Respuesta 1.1"}
      break;
    case 'catalunya': {
      document.form.comboB.value = "Respuesta 2";
      document.form.texto.value = "Respuesta 2.2"}
      break;

    case 'galicia':  {
      document.form.comboB.value = "Respuesta 3";
      document.form.texto.value = "Respuesta 3.3"}
      break;
  }
}
</script>


<form name="form" method="post" action="">
  <select name="comboA" onChange="cambio(this.value)">
      <option value="0" selected>ITEM</option>
      <option value="baleares">Baleares</option>
      <option value="catalunya">Cataluña</option>
      <option value="galicia">Galicia</option>
  </select>
  <textarea name="comboB">
  </textarea>
  <input type="text" name="texto" value="">
</form>

----------------------------------------------------------------

Alguna vez que me toque aportar algo a mi :P

Muchas Gracias.-
Pablo Araya.-