Filtro sobre Select

Chuty · #1 (**permalink**) 20/03/2006, 12:50

Hola a Todos, andaba buscando un filtro sobre un select y encontre este ejemplo en los FAQS ahora me pregunto si se podría hacer que tambien funcione inversamente o sea que al seleccionar del select se carge con un valor el input, espero haberme explicado bien.

Código PHP:

  <html>  
 <head>  
  <script language="JavaScript">  
 
   var i;  
 
   function addOpt(oCntrl, sTxt, sVal, sCnd){  
    if (sTxt.substr(0, sCnd.length).toUpperCase() == sCnd.toUpperCase()){  
     var selOpcion=new Option(sTxt, sVal);  
     eval(oCntrl.options[i++]=selOpcion);  
    }  
   }  
 
   function cambia(oCntrl){  
    var txtVal = document.frm.txt.value;  
    while(oCntrl.length > 0) oCntrl.options[0]=null;  
    i = 0;  
    oCntrl.clear;  
    addOpt(oCntrl,  "Ciudad de México", "0", txtVal);  
    addOpt(oCntrl,  "Ciudad de Panamá", "0", txtVal);  
    addOpt(oCntrl,  "Ciudad de Guatemala", "0", txtVal);  
    addOpt(oCntrl,  "Caracas", "0", txtVal);  
    addOpt(oCntrl,  "Cancún", "0", txtVal);  
    addOpt(oCntrl,  "Maracay", "0", txtVal);  
    addOpt(oCntrl,  "Maracaibo", "0", txtVal);  
    addOpt(oCntrl,  "Zaragoza", "0", txtVal);  
   }  
  </script>  
 </head>  
 <body onload="cambia(document.frm.ciudad)">  
  <form name="frm">  
   <table border="0">  
    <tr>  
     <td>  
      Ciudad:  
     </td>  
     <td>  
      <input type="text" name="txt" onkeyup="cambia(document.frm.ciudad)">  
     </td>  
     <td>  
      <select name="ciudad">  
      </select>  
     </td>  
    </tr>  
   </table>  
  </form>  
 </body>  
</html>

Me interesaria que funcione de ambas maneras.

Desde ya muchas gracias y saludos a todos

typerest · #2 (**permalink**) 20/03/2006, 14:39

Si te he entendido bien lo que quieres es que al seleccionar un elemento de la lista desplegable aparezca el texto de ese elemento en el campo del input no?

Si es asi, se puede hacer con una funcion como esta:

Código PHP:

    function llenarInput(){ 
    var i = document.getElementById("selector").selectedIndex; 
    var text = document.getElementById("selector").options[i].text; 
 
    document.getElementById("input").value = text; 
   }

y luego actualizar el codigo HTML:

Código HTML:

 <td> 
      <input id="input" type="text" name="txt" onkeyup="cambia(document.frm.ciudad)"> 
     </td> 
     <td> 
      <select id="selector" onChange="llenarInput()" name="ciudad"> 
      </select> 
     </td>

Espero que te sirva