如何使用jQuery/JavaScript复制和插入表行

我有一张结构如下的桌子

<table id='table1'>
    <tbody>
        <tr id='rowa'>
          <td><select>....</select></td>
        <tr>
        ...
        <tr id='rowx'>
          <td>....</td>
        </tr>
        ...
        <tr id='rowz'>
        </tr>
    </tbody>
</table>

....
...
....
...

我想做的是单击一个按钮，我想复制rowa并将其插入rowx之前

我现在正在做的是

<script type='text/javascript'>
    function copyRow() {
        var row = $('#rowa').clone();
        $('#rowx').before(row);
    }
</script>

函数copyRow（）{
var row=$（'#rowa'）.clone（）；
$（'rowx'）。在（row）之前；
}

它似乎在rowx之前显示新构造的行，但当我尝试访问该新行时，它不起作用。我的意思是，select输入项的行为与select项的行为不同，它的行为与静态文本的行为类似

我在这页的其他地方看到了

<a href='javascript:copyRow()'><img src='images/copyrow.png' title='Copy Row' /></a>

对不起！我应该说明，当用户单击页面上其他地方的链接时，正在调用copyRow。

检查此项

JS:

$(document).ready(function(){
  $("#rowx").before($("#rowa").clone());
});

---

您的代码不起作用，因为您从未调用

copyRow（）

。我把它放在

document.ready（）

中，以便在文档准备就绪时运行它

请同时发布select标记：）看看jsfiddle.net，在那里您可以展示您的问题completely@mplungjan--JSFIDLE现在已关闭：\--使用JSBIN作为解决方法。在这里效果很好：“选择输入项的行为类似于静态文本”是什么意思？我编辑了我的帖子以显示onclick处理程序，这需要在用户单击图像时完成。