<html>
<head>
<title>Busqueda en lista</title>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<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 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>