Skip to main content
adicionou 15 caracteres ao conteúdo; tags editadas; título editado
Fonte Link
Woss
  • 77,2mil
  • 15
  • 123
  • 221

Por que isso aqui não ta funcionando? Exibir opção selecionada em select com JS

Eu tenho um trecho de código onde eu sedejodesejo pegar o valor da optionoption selecionada, com jsJavaScript, e dar um alertalert com essaesse valor. Entretanto, toda vez ele dá o valor como undefinedundefined. Eu fiz uma linhaslinha para colocar em um inputinput 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">

Por que isso aqui não ta funcionando?

Eu tenho um trecho de código onde eu sedejo pegar o valor da option selecionada, com js, e dar um alert com essa valor. Entretanto, toda vez ele dá o valor como undefined. Eu fiz uma linhas 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">

Exibir opção selecionada em select com JS

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">

Melhorei a redação
Fonte Link
Marcus Nunes
  • 19mil
  • 9
  • 32
  • 59

Então eu, euEu tenho um pedaçotrecho de código queonde eu queriasedejo pegar o valor da option selecionada, com js, e dar um alert com essa valor. Entretanto, mas toda vez ele da o valor como undefined. Eu fiz uma linhas pra botarpara colocar em um imput tambeminput também, só prapara testar, e não deufuncionou.

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">

Então eu, eu tenho um pedaço de código que eu queria pegar o valor da option selecionada, com js, e dar um alert com essa valor, mas toda vez ele da o valor como undefined. Eu fiz uma linhas pra botar em um imput tambem, só pra testar, e não deu.

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">

Eu tenho um trecho de código onde eu sedejo pegar o valor da option selecionada, com js, e dar um alert com essa valor. Entretanto, toda vez ele o valor como undefined. Eu fiz uma linhas 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">

Fonte Link

Por que isso aqui não ta funcionando?

Então eu, eu tenho um pedaço de código que eu queria pegar o valor da option selecionada, com js, e dar um alert com essa valor, mas toda vez ele da o valor como undefined. Eu fiz uma linhas pra botar em um imput tambem, só pra testar, e não deu.

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">