jQuery ajax call with multiple dropdowns

Question

I have an ajax call like so:

 $.ajax({
        type: "GET",
        url: "/api/connection/getCommunities",
        dataType: 'json',
        cache: false,
        success: function (data) {
            console.log(data);
            var communityDropdown = $("#communtiyDropdown");
            $.each(data, function (key, value) {
                communityDropdown.append($("<option />").val(key).text(key));
            });


        }
    });

This takes the data and puts the key into the dropdown menu. My data looks like the image attached (this a screenshot of my console log in chrome)

Now this same dropdown that I populated with using the ajax call, I created an on change event for it outside the ajax call.

$("#communtiyDropdown").on('change', function () {
        console.log($(this).val());
    });

Now what I am looking to do is what ever key the user selects (example A2T) I want to populate another dropdown with the keys values....I hope this makes sense.

What I have tried so far is the following.

Created this array before my ajax call,

var items = [];

Then push the items into this array inside the ajax call inside the each

items.push({key: value});

My problem I am having is the key shows up as key, not the key variable just the word key, the values are populating like they should, but how do I get key variable for an object which is being pushed into the array ?

UPDATE

solved this by changing items.push({key: value}); to items[key] = value;

Rory McCrossan · Accepted Answer · 2015-08-28 13:23:07Z

3

If you want to use the value of a variable as the property name of an object, you need to use bracket notation. Try this:

var obj = {};
obj[key] = value;
items.push(obj);

answered Aug 28, 2015 at 13:23

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

Comments

user979331 · Accepted Answer · 2015-08-28 13:23:23Z

2

solved this by changing items.push({key: value}); to items[key] = value;

answered Aug 28, 2015 at 13:23

user979331

12.1k83 gold badges252 silver badges456 bronze badges

1 Comment

Akki619 Over a year ago

did you solve it yourself or cuz of Rory answer? if cuz of rory plz accept his answer

Collectives™ on Stack Overflow

jQuery ajax call with multiple dropdowns

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related