JavaScript: Pegar o valor de um campo do tipo select e escrever num textarea

Entrando com mais um post pra galera.

O código abaixo exemplifica uma forma de adicionar o valor de um campo do tipo select num campo do tipo textarea.

Colaboração: Réuryky B. Silva

<hmtl> 
<script> 
function AdicionaSelect(){ 
 var i = document.form.select.selectedIndex; 
 var j = document.form.txtarea.value;
     j += document.form.select[i].text; 
 document.form.txtarea.value = j + "\n";
} 
</script> 
 
<body> 
<form name="form"> 
  <select name="select"> 
   <option value="MG">Minas Gerais</option> 
   <option value="RJ">Rio de Janeiro</option> 
   <option value="SP">São Paulo</option> 
  </select> 
  </br>
  <textarea name="txtarea" cols="30" rows="5"></textarea> 
</form> 
<input name="add" type="button" onClick="AdicionaSelect()" value="Adicionar">
</body> 
</html>

4 comentários em “JavaScript: Pegar o valor de um campo do tipo select e escrever num textarea

  • 25 de setembro de 2017 em 17:39
    Permalink

    E como remover o mesmo?

    Resposta
    • 4 de novembro de 2017 em 21:44
      Permalink

      Olá Tadeu.

      Poderia explicar melhor a sua dúvida.

      Resposta
  • 29 de maio de 2018 em 14:47
    Permalink

    e como seria se eu quisesse clicar no select e ele ir direto pro textarea sem precisar de um botão?

    Resposta
    • 7 de junho de 2018 em 8:44
      Permalink

      Olá Daiane,

      é bem simples, veja o código abaixo:

      <select name="select" onchange="AdicionaSelect()">
      Resposta

Deixe uma resposta

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