[SOLUCIONADO] Pasar elementos de select multiple a input

[Briss]

Hola a todos como puedo pasar los elementos de un select multiple a un input y separarlos por comas...
es decir si tengo un select colores y elijo azul, violeta y rosa

en mi input quede : azul, violeta, rosa

saludos

[Briss]

tengo esto para un elemento

Código HTML:

function setValues(select){
    var text = select.options[select.selectedIndex].text;
    document.getElementById('nombre2').value = text ;
}

<select multiple="multiple" name="ins[]" onchange="setValues(this)" >

<?php

...
?>

</select>


Pero al elegir mas de un elemento... solo pasa un valor

[Alexis88]

Podrías hacerlo así:

Código HTML:

<select multiple id = "foo">
    <option>Uno</option>
    <option>Dos</option>
    <option>Tres</option>
</select>
<button id = "bin">Clic</button>
<input type = "text" id = "bar" />
 

Código Javascript:

var foo = document.querySelector("#foo"),
    bar = document.querySelector("#bar"),
    bin = document.querySelector("#bin"),
    options = [], value, index;
 
foo.addEventListener("change", function(){
    value = this.options[this.selectedIndex].innerHTML;
    if ((index = options.indexOf(value)) > -1){
        options.splice(index, 1);
    }
    else{
        options.push(value);
    }
}, false);
 
bin.addEventListener("click", function(){
    bar.value = options.join(", ");
}, false);
 

El proceso es así. Tengo una lista múltiple, un botón y una caja de texto. En el código JS, tomo a los tres elementos y los asigno a variables, además, declaro un array y dos variables más que usaré después. Cuando elija un valor en la lista múltiple, tomo el valor de la opción seleccionada (o más bien, el texto que se muestra) y verifico si existe en el array que inicialmente declaré; de estar presente, lo elimino del mismo (del array, no de la lista), caso contrario, lo añado al array.

Finalmente, cuando pulse el botón, asigno a la caja el contenido del array unido por comas y espacios.

Saludos

[Briss]

Gracias amigo probe lo q me indicaste y no se mostro nada en el unput... además puedo hacerlo sin el boton es decir con onchange desde el select?????

[Briss]

Por si alguien lo necesita

Código HTML:

<script type="text/javascript">
function PasarValor(elemento, sTargetId) {
    var arrValues = new Array();
    for (var i = 0; i < elemento.options.length; i++) {
        var Option = elemento.options[i];
        if (Option.selected)
            arrValues.push(Option.value);
    }
    document.getElementById(sTargetId).value = arrValues.join();
}


</script> 

[Alexis88]

Iniciado por Briss

Gracias amigo probe lo q me indicaste y no se mostro nada en el unput... además puedo hacerlo sin el boton es decir con onchange desde el select?????

Pues es extraño ya que lo probé antes de ponerlo por acá y no tenía problemas, de hecho, siempre pruebo todo lo que pongo por acá, pero, si encontrarte otra solución, pues, enhorabuena.

Saludos