Procura texto em um select (combo) através de um text

[andreia_sp 1]

Funcionamento: Faz uma busca no combo populado, através de um text. Conforme vai digitando, o combo foca qual item é o referente ao que está sendo digitado

 

 

<script language="Javascript">
function BuscaSelect(campo) {
campo=campo.value.toLowerCase();
var objCombo=document.form.combo;

for (i=0;i < objCombo.length; i++) {

aux=objCombo.options[i].text.toLowerCase();

if (aux.indexOf(campo)==0) {
objCombo.selectedIndex=i;
i=objCombo.length;
}
//Se não for encontrado a palavra digitada, volta para o item 0 (em branco)
if (aux.indexOf(campo) == -1)
objCombo.selectedIndex=0;
}
}
</SCRIPT>
<form name="form">
<input type="text" onkeyup="BuscaSelect(this);"><br>
<select name="combo" size="5">
<option value=""></option>
<option value="1">Abacaxi</option>
<option value="2">Banana</option>
<option value="3">Banana ouro</option>
<option value="4">Maça</option>
</select>
</form>

 

**Atualizado

[Ilano 0]

Olá Andreia_sp,

 

Eu uso Visual Studio 2005 e tentei aplicar seu javascript, porém ao compilar no Console de Erros do Mozila, está marcando a linha abaixo como erro:

 

tamanho=form.combo.length;

 

O q pode estar errado? Estou usando um DropDownList, de nome DDLConsulta, como posso corrigir isso para usar seu script?

[andreia_sp 1]

Ilano, voce precisa deixar o mesmo nome na funcao entao:

 

tamanho=form.DDLConsulta.length;

[Maujor 144]

O script funciona no IE mas falha no Firefox.

Para corrigir acresente o objeto document antes de form assim:

 

document.form.xxxx

[andreia_sp 1]

fiz algumas alterações que acho que melhoraram o codigo. Corrigi o que o Maujor apontou (vl Maujor)

 

Testado e funcionando em IE 7 e FF 3