Question

I am trying to implement a leap-year dropdown DOB picker.

So I have three select boxes in this order :

<select id='selectYear' >
//php to populate this list
</select>

<select id='selectMonth'>
//php to populate this list
</select>

<select id='selectDate' >
//php to populate this list
</select>

What I want to do is add an onChange even to the month DDL where it gets the selected value as well as the selected value of the selectYear DDL so I can then populate the selectDate DDL.

How do I get the value of the selectYear DDL so I can send it as a parameter?

Answer 1

Do you mean:

<select id='selectMonth' onchange="doSometing(this.value);">
....
</select>

function doSometing(selectedMonth) {
    var year = document.getElementById("selectYear");
    var selectedYear = year.options[year.selectedIndex].value;
    console.log("My Selected Month:"+selectedMonth);
    console.log("My Selected year:"+selectedYear);
}