javascript - 別の選択ボックスが変更された後に選択ボックスの値を取得する

Question

うるう年のドロップダウン DOB ピッカーを実装しようとしています。

したがって、この順序で 3 つの選択ボックスがあります。

<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>

私がしたいのは、選択した値と selectYear DDL の選択した値を取得する月の DDL に onChange を追加して、selectDate DDL を設定できるようにすることです。

パラメータとして送信できるように、selectYear DDL の値を取得するにはどうすればよいですか?

Answer 1

つまり:

<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);
}

Answer 2

単純なJavaScriptを使用している場合は、要素の「selectedIndex」プロパティを使用できます。

このリンクで例を見つけてください：http ：//www.w3schools.com/jsref/prop_select_selectedindex.asp

Answer 3

あなたはそのようにすることができます:---

<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>

あなたのスクリプト:--

      jQuery('#selectYear, #selectMonth, #selectDate').change(function() {
                var selectYear = '';
                var selectMonth = '';
                var selectDate = '';
            var selectYear= jQuery('#selectYear').val();
            var selectMonth= jQuery('#selectMonth').val();
            var selectDate= jQuery('#selectDate').val();
var format= selectYear + selectMonth + selectDate;
alert(format);
            });

Answer 4

トピックに関する良いリンク。簡単に言えば：

var element = document.getElementById("selectYear");
var value = element.selectedIndex < 0 ? null : element.options[element.selectedIndex].value;

Answer 5

JQuery を使用している場合:

$("#selectMonth").change( function() {
  //This is the value of the selectlist
  val = $(this).val();
});