quitar - separar un numero en digitos javascript

separar cada valor con coma de selección múltiple

Question

Tengo un <select multiple=''multiple'' y necesito mostrar el valor seleccionado en un div o en alguna otra parte de la página.

Hice esto, pero la cuerda está todo aplastada. ¿Cómo puedo separar cada valor con una coma?

Hice un ejemplo en vivo con lo que tengo hasta ahora.

O si lo prefieres, aquí está el código:

html:

<select multiple=''multiple'' id="selMulti">
     <option value="1">Option 1</option>
     <option value="2">Option 2</option>
     <option value="3">Option 3</option>
     <option value="4">Option 4</option>    
</select>
<input type="button" id="go" value="Go!" />
<div style="margin-top: 10px;" id="result"></div>

js

$("#go").click(function(){
     var selMulti = $("#selMulti option:selected").text();
     $("#result").text(selMulti);
});

Si selecciona la opción 1 y 2, el resultado será:

Option 1Option 2

Lo que necesito es:

Option 1, Option 2

Gracias

Answer 1

Debe asignar los elementos a una matriz y luego unirlos:

$("#go").click(function(){
     var selMulti = $.map($("#selMulti option:selected"), function (el, i) {
         return $(el).text();
     });
     $("#result").text(selMulti.join(", "));
});

Demostración de trabajo: http://jsfiddle.net/AcfUz/

• http://api.jquery.com/jQuery.map/

Answer 2

Un estilo de línea:

 $("#selMulti option:selected").map(function(){return this.text}).get().join('', '');

Salida:

"Option 1, Option 2"

Answer 3

$("#go").click(function(){
     var textToAppend = "";
     var selMulti = $("#selMulti option:selected").each(function(){
           textToAppend += (textToAppend == "") ? "" : ",";
           textToAppend += $(this).text();           
     });
     $("#result").html(textToAppend);
});