javascript - 为什么我的选择列表不显示？

Question

各位程序员大家好，

目前，我正在尝试创建一个用户可以填写的动态表格行，其中包含输入字段和选择列表(因此用户只能选择这些选项来填写该 td 单元格)。输入字段按其应有的方式工作，但不知何故，我的 td 内的选择列表根本没有显示。我检查了控制台，没有错误..这是我的代码:

//2 lists to loop through and get the right classname for the inputfields (for later use)
var camera_idcolumns = ['idkolom','merkkolom','typekolom','modelkolom','ipkolom','mackolom','usernamekolom','passwordkolom','bijzonderhedenkolom'];
var camera_idvelden = ['idveld','merkveld','typeveld','modelveld','ipveld','macveld','usernameveld','passwordveld','bijzonderhedenveld'];


rijToevoegen(camera_idcolumns, camera_idvelden, "camera");

//the function that adds the dynamic row to be filled in by the user.
 function rijToevoegen(columnarray, fieldarray, tabelnaam){
    var columns = columnarray;
    var fields = fieldarray;
    var row = '<tr>';
    for(i=0;i<columns.length;i++){
        if(i==0){
            continue;
        } else if (i == 1) {
            var lijstnaam = "testlijst";
            $.ajax({
                type: "POST",
                url: "../logic/getlijst.php",
                data: {lijstnaam: lijstnaam},
                success: function(data) {
                    var response = JSON.parse(data);
                    row += "<td class="+columns[i]+"><select id='selectlijst'>";
                    for(i=0;i<response.length;i++){
                        row += "<option value="+response[i]['itemnaam']+">"+response[i]['itemnaam']+"</option>";
                    }
                    row += "</select></td>";
                }
            });
            continue;
        } else{
            row += "<td class="+columns[i]+"><input type='text' id="+fields[i]+"></td>";
        }
    }
    row += '</tr>';
    $(tabelnaam).append(row);

}

AJAX 调用的响应是一个数组列表，其中包含选择列表应包含的项目。感觉我做的一切都是正确的，但它仍然根本不会显示在浏览器中(在浏览器的元素中检查它时也不会显示)。

提前感谢您的建议!

Answer 1

这段代码:

row += '</tr>';
$(tabelnaam).append(row);

在 ajax 调用完成之前运行，并实际运行填充该变量的代码。如果该代码依赖于(异步，不要忘记)ajax 调用的结果，则将其移至“成功”函数中。