JavaScript

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 thoughts on “JavaScript: Pegar o valor de um campo do tipo select e escrever num textarea

  • Tadeu Paes

    E como remover o mesmo?

    Resposta
  • daianne

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

    Resposta
    • Olá Daiane,

      é bem simples, veja o código abaixo:

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

Deixe um comentário

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