jQuery pass array through post

Question

I am working on using jQuery to submit a form without having to refresh a page which I am new at. So far i have everything working except i have a dynamic amount of dropdown menus which would be named loot[0], loot[1], etc. however i can not get the loot[] variable to pass through the jQuery.

Here is the dropdown

<select class="search" name="loot[]" id="loot[]">
    <option class="search" value="">--</option>';
        $stmt = $conn->query("SELECT * FROM re_tbllootlist WHERE active = 1 ORDER BY LootName");
            while($row = $stmt->fetch()){
                echo "<option class='search' value='".$row["LootKey"]."'>".$row["LootName"]."</option>";
            }
</select>

More dropdowns are added with jQuery which would create the loot[0], loot[1], etc.

Which then would be added to the post data in jQuery with this:

post_data = {
    'info_planet'       : $('select[name=planet]').val(), 
    'info_mob'      : $('input[name=mob]').val(),
    'info_x_axis'       : $('input[name=x_axis]').val(),
    'info_y_axis'       : $('input[name=y_axis]').val(),
    'info_description'      : $('textarea[name=description]').val(),
    'info_loot'     : $('select[name=loot[]]').val()
};

I have tried several things to get this to work however i can not get this to work.

Is that give some relief. <?php $stmt = $conn->query("SELECT * FROM re_tbllootlist WHERE active = 1 ORDER BY LootName"); while($row = $stmt->fetch()){ echo "<option class='search' value='".$row["LootKey"]."'>".$row["LootName"]."</option>"; } ?> — Exception
– Exception, Commented Nov 11, 2015 at 4:04
the whole file is surrounded by a php tag that is the the snippet that has the issue is all — Adonai
– Adonai, Commented Nov 11, 2015 at 4:07
Then the code must be. echo '<select class="search" name="loot[]" id="loot[]"> <option class="search" value="">--</option>'; $stmt = $conn->query("SELECT * FROM re_tbllootlist WHERE active = 1 ORDER BY LootName"); while($row = $stmt->fetch()){ echo "<option class='search' value='".$row["LootKey"]."'>".$row["LootName"]."</option>"; } echo '</select>'; — Exception
– Exception, Commented Nov 11, 2015 at 6:22
I know it is however i was trying to just include the problematic snippets because there is a lot of code to be included if i included everything. — Adonai
– Adonai, Commented Nov 11, 2015 at 18:37

Yeldar Kurmangaliyev · Accepted Answer · 2015-11-11 03:12:22Z

1

jQuery cannot recognize this selector select[name=loot[]] because of [].
If you look in your developer console, you will see the following error:

Uncaught Error: Syntax error, unrecognized expression: select[name=loot[]]

Just enclose the name in quotes like this

$('select[name="loot[]"]').val()

answered Nov 11, 2015 at 3:12

Yeldar Kurmangaliyev

34.3k13 gold badges64 silver badges104 bronze badges

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

4 Comments

Adonai Over a year ago

That seems to have fixed the issue with it not passing the variable through however it doesnt seem to have anything except loot[0]

Yeldar Kurmangaliyev Over a year ago

@Adonai How do you use it?

user5051310 Over a year ago

@adonai If you have multiple select elements, you'll have to loop through each one and push its value onto an array that you'll post. If you want to select multiple options, just add multiple as an attribute to the select. Like this: <select multiple>

Adonai Over a year ago

Oh i think whats needed is what @Terminus said. I have multiple select elements so id need to loop through them to make the array.

Collectives™ on Stack Overflow

jQuery pass array through post

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related