SprintDevelop.com - Diseño y desarrollo web - Diseño, desarrollo web,Aplicaciones Móviles, TabletasSprintDevelop.com - Diseño y desarrollo web
Mostrando Codigo - Javascript
Code

Javascript - Seleccion de lista desplegable de campo de texto

Códigos Javascript

El ejemplo muestra como al introducir alguna palabra en un simple campo de texto este muestra en un select o lista desplegable los datos o palabras mas parecidos o bien exactos.
Visitas: 25,504 - 01/04/2004 21:14:43
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


# Codigo ofrecido por Tutores.org

  1. <html>
  2.  <head>
  3.   <script language="JavaScript">
  4. var i;
  5. function addOpt(oCntrl, sTxt, sVal, sCnd){
  6.     if (sTxt.substr(0, sCnd.length).toUpperCase() == sCnd.toUpperCase()){
  7.      var selOpcion=new Option(sTxt, sVal);
  8.      eval(oCntrl.options[i++]=selOpcion);
  9.     }
  10.    }
  11. function cambia(oCntrl){
  12.     var mi_valor = document.frm.txt.value;
  13.     while(oCntrl.length > 0) oCntrl.options[0]=null;
  14.     i = 0;
  15.     oCntrl.clear;
  16.     addOpt(oCntrl,  "Administracion", "0", mi_valor);
  17.     addOpt(oCntrl,  "Paises", "0", mi_valor);
  18.     addOpt(oCntrl,  "Webmasters", "0", mi_valor);
  19.     addOpt(oCntrl,  "Enlaces", "0", mi_valor);
  20.     addOpt(oCntrl,  "Ordenadores", "0", mi_valor);
  21.     addOpt(oCntrl,  "Codigos", "0", mi_valor);
  22.     addOpt(oCntrl,  "Noticias", "0", mi_valor);
  23.     addOpt(oCntrl,  "Software", "0", mi_valor);
  24.    }
  25.   </script>
  26.  </head>
  27.  <body onload="cambia(document.frm.categoria)">
  28.   <form name="frm">
  29.    <table border="0">
  30.     <tr>
  31.       <td> Categorias: </td>
  32.      <td>
  33.       <input type="text" name="txt" onkeyup="cambia(document.frm.categoria)">
  34.      </td>
  35.      <td>
  36.       <select name="categoria">
  37.       </select>
  38.      </td>
  39.     </tr>
  40.    </table>
  41.   </form>
  42.  </body>
  43. </html>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Seleccion de lista desplegable de campo de texto" href="http://www.tutores.org/codigo/1026/" target="_blank">Seleccion de lista desplegable de campo de texto</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
mercedes
5 5
necesito saber como hago para una vez seleccionado una opcion del menu desplegable automaticamente en la parte derecha se coloque el codigo de la seleccion de la izquierda, ademas me gustaria que ayudaran a saber como restar fechas dando como resultado dias y tambien como dado un palabra se me desplegue un menu de esa palabra.

agradecida por su ayuda
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.