Como selecionar uma opção do select com jquery

Tutorial de como selecionar uma opção do select com ou utilizando apenas para fazer isso.

como selecionar uma opção do select com jquery

jQuery é um poderoso .

Para alterar o valor de um select, é muito simples, veja o exemplo abaixo aonde estou selecionando a opção pelo valor de cada uma.

<select id="selectTest">
<option value="1">Opção 01</option>
<option value="2">Opção 02</option>
</select>

<script>
$("#selectTest").val("2");
</script>

Você também pode selecionar uma opção pelo seu Texto (que vai entre o <option></option>).

$("#selectTest").find("option[text=" + Opção 01 + "]").attr("selected", true);

Utilizando apenas Javascript

Caso você não queira utilizar jQuery para fazer isso, utilize este outro exemplo:

var index = 0; /* Primeira option do select*/

document.getElementById("selectTest").options.selectedIndex = index;

Obs: O exemplo acima utiliza o índice de cada “option” no “select”, começando no número 0.

Resumo
Tutorial ensinando a selecionar uma opção do select com jQuery
Nome do Artigo
Tutorial ensinando a selecionar uma opção do select com jQuery
Descrição
Artigo ensinado a como selecionar uma opção do select com jQuery
Autor
Editor
Roger Mauricio Takemiya
Logo do Editor

Dúvidas? Faça um comentário logo abaixo ou envie uma mensagem clicando aqui.

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *