在请求成功时使用javascript选择一个选项

select an option using javascript on success of request

本文关键字：选项 一个 选择 javascript 成功 请求      更新时间：2023-12-14

通过jsondata 选择日期、月份和年份

success: function(jsondata){
            var data=JSON.parse(jsondata);
                var list_html="<div id='editrelation'><label id='dateLabel' style='display:none'>Since/Anniversary</label><select style='display:none' id='month' class=''  aria-label='Month' name='month'><option value='-1'>Month:</option><option value='1'>Jan</option><option value='2'>Feb</option><option value='3'>Mar</option><option value='4'>Apr</option><option value='5'>May</option><option value='6'>Jun</option><option value='7'>Jul</option><option value='8'>Aug</option><option value='9'>Sep</option><option value='10'>Oct</option><option value='11'>Nov</option><option value='12'>Dec</option></select><select id='day' class='' aria-label='Day' name='day'  style='display:none; margin-left: 74px; margin-top: -25px;'><option value='-1'>Day:</option>";
                for(var i=1;i<=31;i++){
                list_html+="<option value="+i+" id='d"+i+"'>"+i+"</option>";
                }
                list_html+="</select><select style='display:none; margin-top: -25px; margin-left: 130px;' id='year' class='' aria-label='Year' name='year'><option value='-1'>Year:</option>";
                    for(var i=2014;i>=1914;i--){
                        list_html+="<option value="+i+" id="+i+">"+i+"</option>";
                        }
                list_html+="</select>"
                list_html+="</div>";
                document.getElementById('form_relation').innerHTML=list_html;
                if(data['date']!=undefined){//data['date']='1/24/1990'
                    var ani=data['date'];
                    var dateArray=ani.split("/");
                    var month=dateArray[0];
                    var day=dateArray[1];
                    var year=dateArray[2];
                        document.getElementById("month").selectedIndex =month;
                        document.getElementById("day").selectedIndex =day;
                        document.getElementById("year").selectedIndex =year;
                }
}

以下线路不工作

document.getElementById("year").selectedIndex =year;

尝试使用"value"

document.getElementById("month").value =month;
document.getElementById("day").value=day;
document.getElementById("year").value=year;

这不起作用。换句话说，您试图访问的元素不在DOM中，它们甚至还不在文档中，因此无法通过getElementById()获取它。您应该删除构建这些元素的整个循环，只需将它们放在页面中，它们无论如何都不会使用返回的数据。。。

相关文章：