Foros del Web - Ver Mensaje Individual

furoya · #5 (**permalink**) 21/11/2004, 12:43

Hola guntin_java :

Estaba tratando de averiguar de dónde lo saqué, porque no es mío. Pero por tu insistencia supongo que es urgente y no puedes esperarme; así que aquí va uno de los cientos de códigos parecidos que debe haber en más de una javascriptería.

Código:

 

<html>
<head>
<title>Busqueda en lista</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head> 

<body bgcolor="#FFFFFF" text="#000000" onLoad="cargarLista();">

<form id="formulario" name="formulario">
Buscar: <input type="text" id="busca" name="busca" onKeyUp="buscar();"><br/>
Listado: <select id="miCombo" name="miCombo" size=8>
</select>
</form>


<script>

  // Defino el array con los datos
  lista = new Array('Atletismo ','Aerobic','Balonmano','Beisbol','Badminton','Baloncesto','Footing','Fútbol','Gimnasia','Voleibol');

  function cargarLista() {
    // Cargamos el combo
    for (x=0;x<lista.length;x++)
      document.formulario.miCombo[x] = new Option(lista[x]);
  }


  function buscar() {

    limpiarLista();

    // Obtengo el valor del texto
    texto = document.formulario.busca.value;

    // Creo la expresión regular
    expr = new RegExp("^" + texto,"i");

    // Recorro la lista. Si la expresión regular es OK
    y = 0;

    for (x=0;x<lista.length;x++) {
      if (expr.test(lista[x])) {
        document.formulario.miCombo[y] = new Option(lista[x]);
        y++;
      }
    }


  }

  function limpiarLista() {
    for (x=document.formulario.miCombo.length;x>=0;x--)
      document.formulario.miCombo[x] = null; 
  }

</script>

</body>
</html>

saludos

furoya