用jQuery添加了表格单元格

时间:2013-05-07 15:27:41

标签: jquery

我在使用jQuery单击按钮后添加一个表行。首先,用户从下拉列表中选择一个值。然后从多选下拉列表中选择一个或多个值,然后单击按钮。我有一个表设置,将有两列显示用户刚刚选择的数据。 `要显示多选下拉列表中的值,我需要执行类似

的操作
 $('#tblDeleteInfo').append("<tr><td>" + $('#ddlDeleteUPC :selected').text() + "</td><td>" +
                $('#ddlDeleteUPCStores :selected').each(function (sel) {
                    append(($(this).text() + "  "));
                })
            + "</td></tr>");

但是在循环内部我需要做一些事情来附加我刚刚生成的表格单元格的文本....任何想法?

2 个答案:

答案 0 :(得分:1)

演示:fiddle

var tableRow = "<td>";
tableRow += $('#ddlDeleteUPC :selected').text();
tableRow += "</td><td>";
$('#ddlDeleteUPCStores :selected')
    .each(function (sel) {
                tableRow += $(this).text();
    });
tableRow += "</td>";
$('#tblDeleteInfo').append("<tr>" + tableRow + "</tr>");

答案 1 :(得分:0)

试试这个

    $('#ddlDeleteStores :selected').each(function (sel) {
        $('#tblDeleteInfo').append("<td>"+ ( $(this).text() + "  ") +"</td>");
    });