javascript - 复制表中的选择元素

Question

我有一个动态表，当用户单击按钮时，我会在其中动态添加行。

我的按钮调用以下函数:

<input type="button" value="Add" onclick="addRowTuy($('#AmonttableTuy tbody'), 'AmontTuy');" />

我的函数向我的表添加了新行。它包括文本字段、输入和选择。

我对创建新的输入和文本没有问题，但对于选择，我想复制现有的选择并更改其ID。这是我的问题。

这是我在表中创建新行的函数:

function addRowTuy(table, value)
{
var nbrow = table.children().size();
    table.append( "<tr>"+
    "<td>"+(nbrow+1)+"</td>"+
    "<td><input id='"+value+(nbrow+1)+"Diam"+"'/></td>"+
    "<td><input id='"+value+(nbrow+1)+"Long"+"'/></td>"+
    "<td>"+$("#AmontTuy1Type")+"</td>"+ //This is where I want copy the select element
    "<td><input id='"+value+(nbrow+1)+"Rugo"+"'/></td>"+
"</tr>");
}

您对如何做到这一点有什么想法吗？

Answer 1

这样的东西应该有效

"<td>"+$("#AmontTuy1Type").clone().attr('id', 'newID').html() + 

您需要克隆其 html 并将其添加到字符串中，而不是元素本身。或者创建一个 td 元素并将克隆附加到它。

更新:

是的，你是对的，html() 只接受选项，而不接受选择本身。试试这个:

"<td>"+"<select id='newID'>" + $("#AmontTuy1Type").html() + "</select>" +