populate dropdown with particular value from json array (jQuery)

Question

I'm trying to fill the dropdown with the value of 'startDate' from multiple json objects, how do I do this without also getting 'endDate' and 'price' to show up?

This is my current situation:

Current situation

This is the code I'm using:

function get_months(year) {
    selected_year = year;
    date.style.visibility = 'hidden';
    month.style.visibility = 'visible';

    yearArray = dateType[year];
    console.log(yearArray);

    $.each(yearArray, function(key, value) {
        $(month).append('<option value=' + value + '>' + key + '</option>');
    });
}

function get_dates(month) {
    date_selected = false;

    if(current_type == 'Weekend') {
        date.style.visibility = 'visible';
        //console.log(current_customer, current_type, selected_year, month);
    } else if(current_type == 'Midweek') {
        date.style.visibility = 'visible';
        //console.log(current_customer, current_type, selected_year, month);
    } else if(current_type == 'Week') {
        date.style.visibility = 'visible';
        //console.log(current_customer, current_type, selected_year, month);
    }
    monthArray = yearArray[month];
    console.log(monthArray);
    alert(monthArray);

    $.each(monthArray, function(key, value) {
        //startDate = value.startDate;
        console.log(value.startDate);
        $.each(value, function(key2, value2) {
            /* console.log(key2);
            console.log(value2); */
            $(date).append('<option value=' + key2 + '>' + value2 + '</option>');
        });
    });
}

If any other information is required, please ask! Thanks in advance!

What exactly are you looking for? Do you want to extract date part from your JSON? — Mox Shah
– Mox Shah, Commented Apr 22, 2015 at 12:50
@MokshShah As you can see in the image of the current situation it's displaying 'startDate', 'endDate' and 'price' from all 3 objects. I just want to show the values of 'startDate' in the dropdown from all 3 objects. — user3481441
– user3481441, Commented Apr 22, 2015 at 12:52

Community · Accepted Answer · 2017-05-23 11:59:05Z

1

A similar question was answered at this thread which has three different approaches/solutions.

read json, iterate and print values.
hide/show by css
append json kvs.

Hope this helps.

edited May 23, 2017 at 11:59

CommunityBot

11 silver badge

answered Apr 22, 2015 at 12:55

daxeh

1,0858 silver badges12 bronze badges

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

Comments

Tim B · Accepted Answer · 2015-04-22 12:51:09Z

0

You may need to tweak this a bit as I've not properly analyzed what you are doing but it looks like you need to do something like change:

        $(date).append('<option value=' + key2 + '>' + value2 + '</option>');

to:

        if (key2==='startDate') {
            $(date).append('<option value=' + key2 + '>' + value2 + '</option>');
        }

answered Apr 22, 2015 at 12:51

Tim B

41.3k16 gold badges87 silver badges132 bronze badges

2 Comments

Mox Shah Over a year ago

I guess, key2 itself is a value, how this key2==='startDate' will work?

user3481441 Over a year ago

Can't believe I didn't think of a simple if-statement. Thanks! Will accept soon as i can.

Collectives™ on Stack Overflow

populate dropdown with particular value from json array (jQuery)

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related