如何在动态表格内的select标记中附加值

Question

我使用json响应添加表行数据。 这是我的代码

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

    $.get('LoadserviceSplit', {
        "sectcode" : result[i]
    },
        function (jsonResponse) {
        if (jsonResponse != null) {
            var table2 = $("#table_assign");
            $.each(jsonResponse, function (key, value) {
                var rowNew = $("<tr><td></td><td></td><td></td><td></td><td></td><td></td></tr>");
                rowNew.children().eq(0).text(value['serviceId']);
                rowNew.children().eq(1).text(value['title']);
                rowNew.children().eq(2).html('<input type="text" id="date_set" name="date_set"/>');
                rowNew.children().eq(3).html('<input type="text" id="date_set1" name="date_set1"/>');
                rowNew.children().eq(4).html('<input type="text" id="date_set2" name="date_set2"/>');
                rowNew.children().eq(5).html('<select class="status1" id="status1">');

                rowNew.appendTo(table2);

            });
        }
    });

    var pass_unit_code = "001";
    $.get('LoadDivisionCodeServlet', { //call LoadDivisionCodeServlet controller
        unitCode : pass_unit_code //pass the value of "sample" to unitCode:
    }, function (jsonResponse) { //json response
        var select = $('#status1'); //select #status1 option
        select.find('option').remove(); //remoev all item in #divcode option
        $.each(jsonResponse, function (index, value) {
            $('<option>').val(value).text(value).appendTo(select); //response from JSON in array value{column:value,column:value,column:value}
        });
    });

}

除了选择标签部分，它工作正常。 只有表格的第一行才有价值。 其余的没有价值。 我希望表格内的所有下拉列表都具有相同的值..有人可以帮我吗？

Answer 1

看一眼

rowNew.children().eq(5).html('<select class="status1" id="status1">');

您正在$.each创建新的select元素，并$.each分配相同的ID，即status1 。

然后，您要选择id为status1的select元素，例如

var select = $('#status1'); //select #status1 option

因此，将仅select第一个select元素。

编辑：

您的问题尚不完全清楚。

但是，这是您可以在每个<td>内部添加不同的ID进行选择的方法

取代这个

rowNew.children().eq(5).html('<select class="status1" id="status1">');

用类似的东西

rowNew.children().eq(5).html('<select class="status1" id="status'+key+'">');

因此，这将具有不同的ID。