列表填充后，在动态填充的下拉列表中选择一个值

Question

所以我有一个问题，我的代码尝试在填充列表之前在下拉列表中选择一个值。 基本上，它调用一个执行AJAX发布的javascript函数，以从php获取下拉列表值。 然后，它应该在列表上选择一个值，但是它是在填充列表之前执行的，因此找不到该值。 关于如何解决此问题的任何想法？

这是我的代码

这是我获取下拉列表的值的地方

function getProjects(id, proj_select_class)
{
    custID = id.options[id.selectedIndex].value;

    $.ajax({
        type: "POST",
        url: "index.php/home/projectlist",
        data: {custID : custID},
        dataType: "json",

        success:function (result){                
            var ddl = $(proj_select_class);

            ddl.children('option:not(:first)').remove();              
            for (var key in result) {
                if (result.hasOwnProperty(key)) {
                    ddl.append('<option value=' + key + '>' +  result[key] + '</option>');                              
                }
            }                         
        }

    }); 
}

我在这里设置值。 AddNew（）向我的表添加一个新行。 这也在ajax调用中。

for (var row in result) {
    AddNew();                                                                   

    client_field = document.getElementById('clients'+id);
    project_field = document.getElementById('projects'+id); 

    client_value = $.trim(result[row].client_id);
    project_value = $.trim(result[row].project_id);     

    //set client                        
    client_field.value = client_value;                      

    getProjects(client_field, project_field, client_value);
    project_field.value = project_value;        
}

Answer 1

也许尝试使用自定义事件绑定来了解您的代码何时应从列表中获取值。 要绑定到自定义事件，您可以执行以下操作：

$(document).bind("listpopulated", function(){ /*find value, call AddNew() */ });

并在您的ajax成功函数中触发“ listpopulated”事件，如下所示：

$(document).trigger("listpopulated");

参考文献：

http://api.jquery.com/bind/

http://api.jquery.com/trigger/

Answer 2

通过等待直到ajax完成运行来修复它

$(document).ajaxComplete(function(){ set_values(result); });

set_values是另一个函数，我仅循环遍历所有结果并设置所有下拉值