get html dropdown array in jquery

Question

On my html page, I have a variable number of dropdown boxes, each with the following code:

<select name="gearquan[]">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
</select>

If using a regular form submit, it sends as a nested array. I'm trying to convert my forms over to using jquery and ajax. When I had a list of checkboxes I used the following code to get their values:

var gear = new Array();
$("input:checked").each(function() {
    gear.push($(this).val());
});

What would I need to change in that, in order to get the values of the dropdown boxes? (Other than changing gear to gearquan)

Sorry, but i really don't understand your question, it's better if you paste a working sample of jsfiddle or others — Abude
– Abude, Commented Mar 17, 2016 at 15:16
Well, from what I understand, you want to push a value of the select to an array? gear.push($('select').val()); should make more sense (you dont need .each as you can have just one value from select element. — Paulooze
– Paulooze, Commented Mar 17, 2016 at 15:25

CodeGodie · Accepted Answer · 2016-03-17 15:25:27Z

1

It seems like you are trying to manually build arrays to send to your PHP through AJAX, you don't need to do all that. When using jQuery and AJAX all you need to do is use .submit() to handle your submit event and .serialize() to get all your current form's data to send thorough AJAX as such:

$('form').submit(function(e){
    e.preventDefault();
    var postdata = $(this).serialize();
    $.ajax({
        url: 'file.php',
        type: 'post',
        data: postdata,
        success: function(response){
           console.log(response);
        }
    });
});

answered Mar 17, 2016 at 15:25

CodeGodie

12.2k6 gold badges40 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

get html dropdown array in jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related