Js获取不到select的值

Question

<select id="selectstation">
</select>

$(function () {
 $.post(url, { "action": "station" }, function (data) {
                var dataObj = eval(data);
                var element = document.getElementById("selectstation");
                element.setAttribute("onchange", "DataStatistics()");
                           
                for (var i = 0; i < dataObj.total; i++) {
                    var para = document.createElement("option");
                    para.setAttribute("value", dataObj.rows[i]["JSON_station_code"]);
                    if (i == 0)
                    {
                        para.selected = "selected";   
                    }
                    para.innerHTML = dataObj.rows[i]["JSON_station_name"];
                    var element = document.getElementById("selectstation");
                    element.appendChild(para);
                }
            }, 'json');
DataStatistics();
 });     
    
function DataStatistics()
        {
            var phase1 = document.getElementById("selectstation");
            var e = $("#selectstation ").val();
            e = $("#selectstation").children(0).val();
            e = $('#selectstation option:selected').val();//选中的值
            e= phase1.value;
            e= phase1.innerHTML;

        }    

代码如上，初始化的时候在select里面填充数据，并且选中一个。
然后运行DataStatistics()函数，第一次运行的时候获取不到select里面的value

在点击下拉框改变一下select值触发onchange的时候才能获取到这个函数的值，不知道为什么，很是困惑。希望各位能帮忙解答一下，很是感激

Answer 1

$("#selectstation").bind("change",function(){ 　　//DTOO: }); 填充数据后需要绑定changge事件