Buscar en listado desplegable estatico

  • Autor Autor elsenord
  • Fecha de inicio Fecha de inicio
elsenord

elsenord

Beta
SEO
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola buenas nuevas. Estoy teniendo un problemilla con un buscador para una lista creada.
La idea principal es poder realizar una busqueda sobre la lista creada, pero el código que encontré en la red, q muestro a posteriori, solo me busca segun los VALUES. Y lo que necesito es que lo busque por nombre (tutores, google, yahoo, etc.)
HTML:
<HTML>
<HEAD>
<SCRIPT type="text/javascript">
function crit_busqueda() {
  var input=document.getElementById('texto_busqueda').value.toLowerCase();
  var output=document.getElementById('id_textos').options;
  for(var i=0;i<output.length;i++) {
    if(output[i].value.indexOf(input)==0){
      output[i].selected=true;
      }
    if(document.forms[0].texto_busqueda.value==''){
      output[0].selected=true;
      }
  }
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
Search <input type="text" id="texto_busqueda" onkeyup="crit_busqueda()">
<SELECT id="id_textos">
<OPTION value="">Selecciona
<OPTION value="sdfADF">tutores</OPTION>
<OPTION value="ERTYD">google</OPTION>
<OPTION value="Dgjkhg">yahoo</OPTION>
<OPTION value="Asqiufg">altavista</OPTION>
<OPTION value="oiutEE">wanadoo</OPTION>
</SELECT>
</FORM>
</BODY>
</HTML>


Si alguien me puede dar una mano, me ayudaria bastante!!
 
tu primer if debe quedar asi:

HTML:
if(output[i].value.indexOf(input)==0 || output[i].innerHTML.indexOf(input)==0)
 
Atrás
Arriba