Question

我有<条码>和斜线;选择多功能;我需要在一页或另一部分展示选定的数值。

我这样做了,但扼杀都是一起流血。我怎么能够把每个价值与 com分开?

我做了一个live example,其中我迄今为止做了些什么。

或者,如果你更愿意的话,这里是:

<><>>

<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>

<>strong>js:

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

如果选择方案1和2,结果将是:

我需要的是:

增编

Answer 1

你们需要把内容绘制成一个阵列,然后加入:

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

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

Answer 2

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

Answer 3

一个行文风格:

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

产出:

"Option 1, Option 2"

友情链接