从多个下拉框获取值

Question

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

我用谷歌搜索了很多，发现 post 有人使用 day.options[day.selectedIndex].value；它工作得很好但是当我尝试它然后它设法发现我正在尝试读取值（这比我尝试这种方法之前得到的更远）但它只会 return 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']();
    }

Answer 1

您只需要稍微修改一下年龄函数即可：

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

基本上将 value=\"day\">" 替换为：value=\""+day+"\">" 并且年月相同。

从多个下拉框获取值

Getting the values from multiple drop down boxs

html

javascript

jquery

for-loop

drop-down-menu