JavaScript:获取下拉列表选定索引值的两个不同值

Question

我的 pgae 中有一个下拉列表。当我警告下拉所选索引的连续两次值时，我得到两个不同的值。这是我的代码。

$(document).ready(function() {
// here code for getting data from server to bind dropdown
DoAjaxCall("?method=getDataForDDL&callbackmethod=BindDDL")

// after binding data to dropdown I wrote following two alert
alert(document.getElementById("ddlState").selectedIndex); //this alert -1
alert(document.getElementById("ddlState").selectedIndex); // this alert 0
alert(document.getElementById("ddlState").selectedIndex); // this alert 0
}
function BindDDL(data, msg) {// this function is called automatically after   successfull AJAX call 
    var tbldata = eval('(' + data.toString() + ')'); //convert JSON data to Javascript Object
    var ddl = document.getElementById("ddlState");
    for (var i = 0; i < tbldata.Table.length; i++) {
        ddl.options[ddl.length] = new Option(tbldata.Table[i][1], tbldata.Table[i][0]);
    }
}
function DoAjaxCall(parameter){
 //code for getting data from server by "POST" method
 //After this function BindDDL is called which is call back function.
 }

Answer 1

AJAX请求是异步的，所以你不能在AJAX调用之后放置你选择的索引检查代码；您必须将其放入 AJAX 请求的回调中。因此，第一次得到 -1 时，列表可能尚未填充任何数据，但第二次得到 -1 时，列表中可能会填充任何数据。