Question

I have a select box defined as shown below. I want to print out the name and email address of each item in the select box as comma seperated values, like

Tom Wayne,[e-mail]
Joe Parker,[e-mail]
Peter Simons,[e-mail]

Any way to accomplish that using JQuery?

<select multiple="multiple" name="search_results">
<option  value="[e-mail]">Tom Wane</option>
<option value="[e-mail]">Joe Parker</option>
<option value="[e-mail]">Peter Simons</option>
</select>

Thank You

Answer 1

Try this:

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

This will alert you the options for each select individually.