如何使用JQuery获取多个下拉框值

Question

I have generated drop-down box using loop. Now I want to get all value using J-Query for pass these value for insertion through Ajax.

My HTML CODE is -

<select name="travel[]" id="travel[]"  >
     <option   value="1">Car</option>
<select>
<select name="travel[]" id="travel[]"  >
     <option   value="2">Train</option>
<select>
<select name="travel[]" id="travel[]"  >
     <option   value="3">Bus</option>
<select>

After click on Save button , how to collect all values of travel. Please Help . Thanks in Advanced.

Answer 1

You can do this:

var data = $('select[name="travel[]"]').map(function () {
    return $(this).val();
}).get();

console.log(data);    // ["1", "2", "3"] 

This will return you an array with the value for all the dropdowns.

Fiddle demo