2

Eu tenho um trecho de código onde eu desejo pegar o valor da option selecionada, com JavaScript, e dar um alert com esse valor. Entretanto, toda vez ele dá o valor como undefined. Eu fiz uma linha para colocar em um input também, só para testar, e não funcionou.

Aqui está o código:

$("select[name='estado']").change(function() {
    var estado = document.getElementsByTagName("estado").value;
    document.getElementById("teste").setAttribute("value", estado);
    alert('estado ' + estado);
});
<select id="txt-model" class="field-50" name="estado">
    <option value="">Selecione um Estado</option>
    <option value="AC">Acre</option>
    <option value="AL">Alagoas</option>
    <option value="AP">Amapá</option>
    //... O resto dos estados
</select>

<input type="text" id="teste" name="teste">

1
  • use $(this).val() para obter o valor no seletor.
    – N. Dias
    Commented 23/05/2017 às 14:11

1 Resposta 1

5

O target no seletor não está correto, uma forma é obter o valor direto pelo evento do elemento:

$("select[name='estado']").change(function() {
    var estado = this.value;
    alert('estado ' + estado);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="txt-model" class="field-50" name="estado">
    <option value="">Selecione um Estado</option>
    <option value="AC">Acre</option>
    <option value="AL">Alagoas</option>
    <option value="AP">Amapá</option>
    //... O resto dos estados
</select>

<input type="text" id="teste" name="teste">

Um pouco sobre seletores.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .