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

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

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

Answer 2

嘗試這個：

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

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

Answer 3

像這樣：

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

alert(s);