Javascript 从多个下拉框中获取值

我想获得三个下拉框的值，以便在单击按钮时在其他地方显示

我在谷歌上搜索了很多，发现有人用day.options[day.selectedIndex].value；它工作得很好，但当我尝试它时，它发现我试图读取值（这比我尝试此方法之前得到的要远），但它只会返回Day:Day-Month:Month-Year:Year，而不是每个值的实际值。我假设这个问题是因为所有下拉框中都有for循环，但我不知道如何解决它

 function Age(gender){
        if (gender!==undefined){
            el1 = document.getElementById('userdata');
            el1.innerHTML += gender +"<br>";    
        }
        el1 = document.getElementById('farespage');
        var month = 1;
        var day = 1;
        var year = 2002; 
        var newHTML = "";
            newHTML +="<div id=\"ageheading\">Date of Birth</div><div id=\"agebox\"><div class=\"innerage\" onclick=\"Relationship('"+day+"')\">Day<select id=\"dropdownday\">";
        for(var day; day<=31; day++){
            newHTML +="<option value=\"day\">"+day+"</option>"};
            newHTML +="</select></div><div class=\"innerage\">Month<select id=\"dropdownmonth\">";
        for(var month; month<=12; month++){
            newHTML +="<option value=\"month\">"+month+"</option>"};
            newHTML +="</select></div><div class=\"innerage\">Year<select id=\"dropdownyear\">";
        for(var year; year>=1920; year--){
            newHTML +="<option value=\"year\">"+year+"</option>"};
            newHTML +="</select></div><button type=\"button\" onclick=\"goback('Gender')\">back</button><button type=\"button\" onclick=\"dob()\">Enter</button></div>";
            el1.innerHTML += newHTML;
    }

    function dob(){
        var day = document.getElementById("dropdownday");
        var dayoptions = day.options[day.selectedIndex].value;
        var month = document.getElementById("dropdownmonth");
        var monthoptions = month.options[month.selectedIndex].value;
        var year = document.getElementById("dropdownyear");
        var yearoptions = year.options[year.selectedIndex].value;
        var birthday = '<div>Day: ' + dayoptions + '</div>' + '<div>Month: ' + monthoptions + '</div>' + '<div>Year: ' + yearoptions + '</div>';
        el1 = document.getElementById("userdata");
        el1.innerHTML += birthday;
        window['Relationship']();
    }

功能年龄（性别）{
如果（性别！==未定义）{
el1=document.getElementById（'userdata'）；
el1.innerHTML+=性别+“
”；
}
el1=document.getElementById（'farespage'）；
var月=1；
var日=1；
var年=2002年；
var newHTML=“”；
newHTML+=“生日日期”；
对于（var日；日=1920；年--）{
新HTML+=“”+年份+“”}；
newHTML+=“返回”；
el1.innerHTML+=newHTML；
}
函数dob（）{
var day=document.getElementById（“dropdownday”）；
var dayoptions=day.options[day.selectedIndex].value；
var month=document.getElementById（“dropdownmonth”）；
var monthoptions=month.options[month.selectedIndex].value；
var year=document.getElementById（“dropdownyear”）；
var yearoptions=year.options[year.selectedIndex].value；
变量生日='Day:'+dayoptions+'+'月：'+monthoptions+'+'年：'+yearoptions+''；
el1=document.getElementById（“用户数据”）；
el1.innerHTML+=生日；
窗口[‘关系’]（）；
}

您只需在年龄函数中稍加修改即可：

function Age(gender){
    if (gender!==undefined){
        el1 = document.getElementById('userdata');
        el1.innerHTML += gender +"<br>";    
    }
    el1 = document.getElementById('farespage');
    var month = 1;
    var day = 1;
    var year = 2002; 
    var newHTML = "";
        newHTML +="<div id=\"ageheading\">Date of Birth</div><div id=\"agebox\"><div class=\"innerage\" onclick=\"Relationship('"+day+"')\">Day<select id=\"dropdownday\">";
    for(var day; day<=31; day++){
        newHTML +="<option value=\""+day+"\">"+day+"</option>"};
        newHTML +="</select></div><div class=\"innerage\">Month<select id=\"dropdownmonth\">";
    for(var month; month<=12; month++){
        newHTML +="<option value=\""+month+"\">"+month+"</option>"};
        newHTML +="</select></div><div class=\"innerage\">Year<select id=\"dropdownyear\">";
    for(var year; year>=1920; year--){
        newHTML +="<option value=\""+year+"\">"+year+"</option>"};
        newHTML +="</select></div><button type=\"button\" onclick=\"goback('Gender')\">back</button><button type=\"button\" onclick=\"dob()\">Enter</button></div>";
        el1.innerHTML += newHTML;
}

功能年龄（性别）{
如果（性别！==未定义）{
el1=document.getElementById（'userdata'）；
el1.innerHTML+=性别+“
”；
}
el1=document.getElementById（'farespage'）；
var月=1；
var日=1；
var年=2002年；
var newHTML=“”；
newHTML+=“生日日期”；
对于（var日；日=1920；年--）{
新HTML+=“”+年份+“”}；
newHTML+=“返回”；
el1.innerHTML+=newHTML；
}

---

基本上，将value=\\\“>”替换为：value=\\”“+day+”\“>”，年和月也是如此。

啊，这是世界上最简单的答案。先生，你是个传奇人物