使用JQuery將列表框的內容打印爲逗號分隔值

Question

我有一個如下所示的選擇框。我想打印出選擇框中的逗號分隔值每個項目的姓名和電子郵件地址，像

Tom Wayne,tom@xyz.com 
Joe Parker,joe@xyz.com 
Peter Simons,peter@xyz.com 

任何方式來完成，使用JQuery的？

<select multiple="multiple" name="search_results"> 
<option value="tom@xyz.com">Tom Wane</option> 
<option value="joe@xyz.com">Joe Parker</option> 
<option value="peter@xyz.com">Peter Simons</option> 
</select> 

謝謝

Answer 1

試試這個：

$("select").each(function() { 
    var options = []; 
    $(this).children("option").each(function() { 
     var $this = $(this); 
     options.push($this.text()+ "," + $this.val()); 
    }); 
    alert(options.join("\n")); 
}); 

這將提醒您爲每個單獨選擇的選項。

Answer 2

事情是這樣的：

var s = ""; 
$("select option").each(function() 
{ 
    var $option = $(this); 
    s += $option.text() + ", " + $option.val() + "\n"; 
}); 

alert(s); 

Answer 3

我認爲是使用Traversing/map一個很好的例子：

$('select option').map(function() { 
    return $(this).text() + ',' + $(this).val(); 
}).get().join('\n');