Assine:
Selecionar Dinâmicamente Um Option De Um Select Pelo Value
Dica para quem fizer um form usando ajax
Escrito por Manito em JavaScript e Ajax. Data: 29/09/2008
Licença: Alguns direitos reservados. Dar créditos ao autor e linkar este original
Galera, segue uma boa dica de como selecionar um item OPTION de um SELECT dinâmicamente pelo seu VALUE:
O select:
campo texto pra buscar:
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:
A SOLUÇÃO:
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.
O select:
CODE
<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>
<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:
CODE
<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:
CODE
function busca(cod){
document.getElementById("descricao").selectedIndex = cod;
}
document.getElementById("descricao").selectedIndex = cod;
}
A SOLUÇÃO:
CODE
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!');
}
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.
Mais recentes em JavaScript e Ajax
- Background randomico
- Por JoneMulti - As vezes voce e pergunta "como é que aquele site...
- Abandone o getelementbyid
- Por Micox - “wtf mico? are you crazy?” - calma malucada, não estou...
- Funções javascript equivalentes a funções
- Por Micox - Php to javascript project: php.js...
- Select dinâmico de estados e cidades
- Por DGmike - Uma das dúvidas mais comuns para quem está começando...
- Selecionar dinâmicamente um option de um select
- Por Manito - Dica para quem fizer um form usando ajax...
Ver mais Artigos de JavaScript e Ajax.
Ver e retirar outras dúvidas no fórum Webly.
Alguns Direitos Reservados | RSS | O Fórum
Webly Portal e Fóruns - Internet + Humana | Design by ArthurHenrique.com
Comentários:
Micox disse:
Ver o restante dos comentários no fórum (e aproveitar pra comentar também !).