Webly: Selecionar Dinâmicamente Um Option De Um Select Pelo Value - Webly

Ir para

Regras para postagem

É permitido postar livremente respostas com comentários, testes e avaliações dos scripts. Postagens contendo dúvidas sobre o script, deverão ser postadas no fórum principal de javascript/ECMAScript/AJAX.

IMPORTANTE: Todos os tutoriais postados neste fórum irão automaticamente para o portal Webly. Contribua você também e faça parte da equipe de colaboradores que fazem a evolução da web. Obrigado.
Página 1 de 1

Selecionar Dinâmicamente Um Option De Um Select Pelo Value Dica para quem fizer um form usando ajax Avaliar tópico: -----

#1 Membro offline   Manito Ícone

  • Ícone
  • Grupo: Membros
  • Posts: 141
  • Cadastrado: 13-junho 07
  • Localização:Rio Grande do Sul
  • Interesses:Saber tudo que sei e um pouco mais de Webdesign para talvez um dia, quem sabe, usar só para hobby pessoal. Estou estudando Engenharia, que é uma área de técnologia e atualidades, posso até dizer que caminha junto com a internet, por estarmos falando de atualidade. Mas tudo caminha conforme o vento sopra, e eu gosto muito das duas áreas, seja o que o vento quiser.

Postou 29 setembro 2008 - 09:41

Galera, segue uma boa dica de como selecionar um item OPTION de um SELECT dinâmicamente pelo seu VALUE:

O select:
<select id="descricao">
	<option value="0" selected="selected">- - - - - - - - - - - - - - - - - - - - - - - - - - -</option>
	<option value="13">teste1</option>
	<option value="503">teste2</option>
	<option value="99">teste3</option>
</select>


campo texto pra buscar:
<input id="cod" type="text" onchange="busca(this.value);" />


Se você tentar com a função abaixo, não irá funcionar, porque ela seleciona através do ID automático do SELECT que é em ordem crescente e contínua a partir do zero:
function busca(cod){
	document.getElementById("descricao").selectedIndex = cod;
}


A SOLUÇÃO:
function busca(cod){
	var select = document.getElementById("descricao");
	for(var i = 0; i < select.options.length;i++){
		if(select.options[i].value == cod) {
			select.options[i].selected = true;
			break;
		}
	}
	Alert('Código não encontrado!');
}


A função acima varre todo o campo SELECT em busca de um OPTION de value igual ao passado na var COD da função, e seleciona se encontrar.
0

#2 Membro offline   Micox Ícone

  • Comunidade de desenvolvedores
  • Ícone
  • Grupo: Administradores
  • Posts: 5511
  • Cadastrado: 03-julho 06
  • Localização:Goiânia-GO
  • Interesses:Webly e elmicox.blogspot.com

Postou 29 setembro 2008 - 09:53

Boa solução. Eu ia sugerir você transformar aquele tópico em um tutorial/script hehehe.
valeus.net/mwords - Links automáticos p/ o MercadoLivre em seu texto

Ajude, responda: mesmo que não saiba exatamente a resposta, seu pitaco pode dar uma luz no problema do outro.
Não respondo dúvidas por MP / Email / MSN e afins. O fórum está aqui pra isto.

elmicox.blogspot.com
0

Página 1 de 1


Resposta rápida

  

1 usuário(s) está(ão) lendo este tópico
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)