使用PageMethod更新下拉列表

Question

我需要使用从服务器端方法返回的对象列表填充 DropDownList。由于这不会导致页面刷新，所以我使用 PageMethods。当我调试时，我可以看到 onSuccess 函数正在被调用，但下拉列表没有被填充。对象列表也成功地从服务器端方法传递。我无法找出出了什么问题。

     function onsuccess(studList)
    {

            var ddl = document.getElementById('ddlStud');
            var count = ddl.options.length;
            while (ddl.options.length > 0)
            {
                ddl.options.remove(0);
            }

            for (var i = 0; i < studList.length; i++)
            {

                var option = document.createElement('<option value="' + studList[i].id + '">');
                document.getElementById('ddlStud').options.add(option);
                option.innerText = studList[i].StudName;

            }
        }

Answer 1

将 for 循环更新为：

        for (var i = 0; i < studList.length; i++)
        {
            var option = document.createElement('option');
            option.value= studList[i].id;
            option.innerText = studList[i].StudName;
            document.getElementById('ddlStud').options.add(option);
        }

Answer 2

var e = document.getElementById('ddlStud') e.options.length = 0;

对于 (var i = 0; i < response.length; i++) { var option = document.createElement('option');

option.value = response[i].id;
option.innerText = response[i].StudName;
e.options.add(option);

}