Question

所以我遇到问题，我的代码在填充列表之前尝试在下拉列表中选择一个值。基本上它调用一个javascript函数，它执行AJAX帖子从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是另一个函数，我只循环遍历所有结果并设置所有下拉值

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

2 个答案: