Question

开始于：我是前端开发人员的新手（它已添加到我的java后端工作:)）。我有一个模式在一个页面上打开，其中包含一个有两行的表 - 每行有2个输入和一个选择框。如果单击按钮....它应该添加具有相同元素的另一行。他们习惯这样做：有一个隐藏着元素的表格页脚（从行开始：＆lt; tr＆gt;），然后当你点击按钮时，它会调用表格主体并重叠页脚。然后在三个元素上调用attr并更改id和name。出于某种原因，如果页脚被取消隐藏...下拉列表有效，但复制的版本没有。我们调查了名称，值等。值在渲染的html中...下拉列表无法打开。

所以现在我想做什么......我觉得可能更清洁。使用html创建变量...并在每次单击按钮时附加该变量。但是select元素有一个写的标签......所以我不知道这是不是问题，但每次我尝试将它添加到混合中......有关于意外标记（＆lt;）的错误。如果我采取一行开始＆lt; dfm：catombobox＆gt;离开 - 它有效......任何人都有想法帮助我添加“catombobox”这是带标签的选择？ PS：如果我取走引号并将该行复制到原始表中......它有效吗？

 var newRow = '<tr>'+
              '<td nowrap="nowrap"><strong>R</strong> <input class="amount input-small" style="margin-top: 8px;margin-bottom: 0;" type="text"/></td>'+
              '<td nowrap="nowrap" style="padding-top: 7px;">'+

              '<dfm:catombobox cssClass="input-medium" id="CategoryId_Test" name="CategoryName_Test" showEmptyCategory="true" showGroups="true" value=""/>'+

               '</td>'+
               '<td><input class="input-medium" style="margin-top: 8px;margin-bottom: 0;" type="text"/></td>'+
               '<td><a class="remove" href="#"><i class="icon-remove"></i></a></td>'+
               '</tr>';
            $("#mytable tbody").append(newRow);

Answer 1

尝试使用select代替dfm：catombobox

Answer 2

点击这里工作正常

adding new rows to table

var newRow = '<tr>' +
    '<td nowrap="nowrap"><strong>R</strong> <input class="amount input-small" style="margin-top: 8px;margin-bottom: 0;" type="text"/></td>' +
    '<td nowrap="nowrap" style="padding-top: 7px;">' +

    '<dfm:catombobox cssClass="input-medium" id="CategoryId_Test" name="CategoryName_Test" showEmptyCategory="true" showGroups="true" value=""/>' +

    '</td>' +
    '<td><input class="input-medium" style="margin-top: 8px;margin-bottom: 0;" type="text"/></td>' +
    '<td><a class="remove" href="#"><i class="icon-remove"></i></a></td>' +
    '</tr>';
$("#btn").on('click',function(){
    $("#mytable tbody").append(newRow);
})

无法使用JQuery附加选择框

2 个答案: