Pass multiple data to an input, via a select

Question

I’m trying to get past several data for a input, I had almost no idea it would be a textarea for the amount but it would be another select ? This way:

I’m trying to keep it that way:

If anyone can give a hint I will be grateful. Follow the code:

<script type="text/javascript"> 
function passar(){ 
var valorA = document.getElementById("valorA"); 
var nome = document.getElementById("nome"); 
nome.value = valorA.value; 
}; 
</script>

<select name="valorA" id="valorA" size="3" multiple>
  <option value="Gezer">Gezer</option> 
  <option value="João" selected>João</option>
  <option value="Marcos">Marcos</option>
</select>
 
<button type="button" onclick="passar();"> passar valores </button> 

Nome:<input type="text" id="nome" size="10"/> 

Answer 1

I don’t know if it’s the best implementation, but you can solve your problem by changing your function like this:

function passar() {
   var valorA = document.getElementById("valorA");
   var nome = document.getElementById("nome");

   for(var i = 0; i <= valorA.options.length; i++) { //itero em cada option
     nome.value += (valorA.options[i].value + '\n'); //seto o (value|text) no textarea com uma quebra de linha
   }    
};

Follows jsfiddle :)

And to pass the option selected, you can do just like this:

function passar() {
    var valorA = document.getElementById("valorA");
    var nome = document.getElementById("nome");

    nome.value += (valorA.value + '\n'); //Acessa diretamente o value do select que já é o elemento selecionado
};

Follows the jsfiddle :)