0

开始：我对前端开发非常陌生（它已添加到我的 java 后端工作中:)）。我有一个模式，它在一个页面上打开一个有两行表格的表格 - 每个表格都有 2 个输入和一个选择框。如果您单击一个按钮......它应该添加具有相同元素的另一行。他们习惯这样做：有一个隐藏在元素中的表格页脚（从行：<tr>开始），然后当您单击按钮时，它会调用表格主体并附加页脚。然后在三个元素上调用attr，改变id和name。出于某种原因，如果页脚未隐藏...下拉菜单有效，但复制的版本无效。我们调查了名称、值等。这些值在呈现的 html 中……下拉菜单只是没有打开。

所以现在我想做的是……我觉得这可能更干净。使用 html 创建一个变量...并在每次单击按钮时附加该变量。但是select元素有一个写的标签......所以我不知道这是否是问题，但每次我尝试将它添加到组合中......关于意外令牌（<）的错误。如果我拿走以 <dfm:catombobox> 开头的一行 - 它可以工作......任何人都有想法帮助我添加“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);
4

2 回答 2

0

尝试使用select而不是 dfm:catombobox

于 2013-06-21T09:02:23.573 回答
0

在这里检查它的工作正常

向表中添加新行

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);
})
于 2013-06-21T09:13:37.643 回答