Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在更改另一个选择框后获取选择框的值_Javascript_Html - Fatal编程技术网

Javascript 在更改另一个选择框后获取选择框的值

Javascript 在更改另一个选择框后获取选择框的值,javascript,html,Javascript,Html,我正在尝试实现一个闰年下拉DOB选择器 因此,我按此顺序有三个选择框: <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

我正在尝试实现一个闰年下拉DOB选择器

因此,我按此顺序有三个选择框:

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

//php来填充此列表
//php来填充此列表
//php来填充此列表
我想做的是在month DDL中添加一个onChange,它将获得selectYear DDL的选定值和选定值,这样我就可以填充selectDate DDL了

如何获取selectYear DDL的值,以便将其作为参数发送?

您的意思是:

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

....
功能剂量测量(选择月){
var year=document.getElementById(“selectYear”);
var selectedYear=year.options[year.selectedIndex].value;
console.log(“我选择的月份:+selectedMonth”);
console.log(“我选择的年份:+selectedYear”);
}
这是一个很好的话题。简言之:

var element = document.getElementById("selectYear");
var value = element.selectedIndex < 0 ? null : element.options[element.selectedIndex].value;
var element=document.getElementById(“selectYear”);
var值=元素。selectedIndex<0?null:element.options[element.selectedIndex].value;

如果您使用的是JQuery:

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

如果您使用的是简单的javascript,则可以使用元素的“selectedIndex”属性:

请在此链接上查找示例:

您可以这样做:---


您使用的是jQuery还是类似的javascript库?我不熟悉jQuery。我有jquery-1.3.1.min.js,但是我需要一个脚本,但我没有自己构建这个脚本。这不是弹出代码。。但是你可以通过这一点来理解你必须如何实施……谢谢你的想法。这是最好的答案。但出于某种原因,选择了year=year.options[year.selectedIndex].value;返回null,因此我必须改为:selectedYear=document.getElementById('selectYear').value;
<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);
            });