从多个选择中用逗号分隔每个值|jquery问答

我有一个<select multiple='multiple'，我需要在div或页面的其他部分中显示所选的值。

我这样做了，但是琴弦都被弄脏了。如何用逗号分隔每个值？

我用到目前为止的例子做了一个生动的例子。

或者，如果您愿意，下面是代码：

的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);
});

如果选择选项1和2，结果将是：

Option 1Option 2

我需要的是：

Option 1, Option 2

谢谢

您需要将元素映射到数组，然后将它们联接：

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

工作演示：http : //jsfiddle.net/AcfUz/

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

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

一种线型：

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

输出：

"Option 1, Option 2"

本文地址：http://jquery.askforanswer.com/congduogexuanzezhongyongdouhaofengemeigezhi.html
文章标签：javascript , jquery
版权声明：本文为原创文章，版权归 admin 所有，欢迎分享本文，转载请保留出处！

文件下载