使用JQuery以逗号分隔值的形式打印列表框的内容

时间:2010-01-05 14:59:59

标签: javascript jquery

我有一个如下所示的选择框。我想打印出选择框中每个项目的名称和电子邮件地址,作为逗号分隔值,例如

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>

谢谢

3 个答案:

答案 0 :(得分:10)

我认为使用Traversing/map是一个很好的例子:

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

答案 1 :(得分:2)

试试这个:

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

这将提醒您单独选择每个选项。

答案 2 :(得分:0)

这样的事情:

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

alert(s);