Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

dataset

Ao Digitar Procura Valores Na Combo

Por , em Javascript

Recommended Posts

dataset    0

dataset
Postado

Olá pessoal, segue este exemplo que achei nos scripts prontos do fourm, o código faz o seguinte, a pessoa digita num input e ele faz a busca na combo, deixando selecinado a opção que mais se assemelha ao digitado no input.

 

Eu preciso de algo assim, mas nao posso ter um input, a pessoa clica na combo, daí ela fica azul, pois está selecionada, e vai digitando ali mesmo, e ele vai fazendo a pesquisa

 

http://scriptbrasil.com.br/forum/index.php...ndpost&p=207163

 

Veja esse exemplo acima, como fazer a mesma coisa sem usar input? usando a própria combo ?

 

Valeu

Compartilhar este post

Link para o post
Compartilhar em outros sites

dataset    0

dataset
Postado

Não dá pra acreditar que não exista uma maneira de fazer a busca usando a combo... deve existir uma forma ...

Compartilhar este post

Link para o post
Compartilhar em outros sites

dataset    0

dataset
Postado

Taí a função...

 

<html><head><script language="javascript">function KeySearch(myfield,e){	var keycode;	if (window.event) keycode = window.event.keyCode;	else if (e) keycode = e.which;	else return true;	var test = String.fromCharCode(keycode);	var strCampo;	var indice;	if ((keycode == 27) || (keycode == 13) || (keycode == 0)) {		strsearch = "";	}	else {		strsearch = strsearch + test.toUpperCase();	}	for (var i=0;i<myfield.options.length;i++) {		strCampo = myfield.options[i].text.toUpperCase();		if (strCampo.indexOf(strsearch,0) == 0) {			myfield.options[i].selected = true;			break;		}	}	return false;}</script></head><body>	<form name="form">		<select name="combo" onKeyPress="return KeySearch(this, event)">			<option>abraço</option>			<option>banana</option>			<option>cachorro</option>			<option>rabisque</option>			<option>cadela</option>			<option>caipira</option>			<option>dados</option>			<option>danette</option>			<option>danone</option>			<option>rabisco</option>		</select>	</form></body></html>

Para zerar a pesquiza, tecle ENTER ou ESC

Compartilhar este post

Link para o post
Compartilhar em outros sites

dataset    0

dataset
Postado

se o erro foi:

strsearch is not defined

então é só declarar a variável

var strsearch = "";

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito