javascript - 无法使用jquery在html表中添加选择元素

Question

我通过 ajax 从服务器填充表格数据使用json 。我想创建我的 HTML table使用 jquery 动态行，每行必须包含 html 元素，如 input type='text'和select下拉菜单。我能够在列中创建文本框，但无法创建 select列中的下拉菜单。这是我的 js 代码:

function loadFunction(){
    $.ajax({
        type : "GET",
        url  : "s3.do",
        data : "",
        success : function(data){
            alert("success");
            for(var i=0;i<data.length;i++){
            var ispSelect = $("<select></select>");
            var idProofSelect = $("<select></select>");
            var dataArr = data[i];
            var id = dataArr.id;
            var name = dataArr.name;
            var address = dataArr.address;
            var isp = dataArr.lsIsp;
            var idproof = dataArr.lsIdProof;
            $.each(isp,function(index,product){
                $("<option>").val(product.id).text(product.name).appendTo(ispSelect);
            });
            $.each(idproof,function(index,product){
                $("<option>").val(product.id).text(product.name).appendTo(idProofSelect);
            });
            $("#tab tr:last").after("<tr><td><input type='checkbox' value='"+id+"'/></td><td><input type='text' value='"+name+"'/></td>"
                    +"<td><input type='text' value='"+address+"' /></td>"
                    +"<td>"+ispSelect+"</td>"
                    +"<td>"+idProofSelect+"</td>"
                    +"</tr>");
            }
        },
        error   : function(XMLHttpRequest,textStatus,errorThrown){
            alert("error");
        }
    });
}

上面的代码在 HTML 表结构下创建，在 ISP 和 ID-Proof 列下我得到 [Object Object]，而我期望它创建 <select>我的选择。我该如何解决这个问题。我不太熟悉 Jquery概念。这是我想做的事情的正确方式吗？

Answer 1

您将 jQuery 对象添加到字符串中 - 这是错误的。尝试:

$("#tab tr:last").after("<tr><td><input type='checkbox' value='"+id+"'/></td><td><input type='text' value='"+name+"'/></td>"
                    +"<td><input type='text' value='"+address+"' /></td>"
                    +"<td>"+ispSelect[0].outerHTML+"</td>"
                    +"<td>"+idProofSelect[0].outerHTML+"</td>"
                    +"</tr>");
            }