3

次の構造のテーブルがあります

<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>

rowx の前に新しく構築された行が表示されているようですが、その新しい行にアクセスしようとすると機能しません。選択入力項目が選択項目のように動作せず、静的テキストのように動作するという点で、私が意味することは機能しません。

私が持っているページの他の場所

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

ごめん！ユーザーがページの別の場所にあるリンクをクリックすると、copyRow が呼び出されることを明確にする必要がありました。

4

1 に答える 1

0

このhttp://jsbin.com/owivin/1/を確認してください。

JS:

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

を呼び出すことがないため、コードが機能していませんcopyRow()。document.ready()ドキュメントの準備ができたときに実行されるように、に入れました！

于 2013-07-05T16:11:44.083 に答える