0

始めに：私はフロントエンド開発に非常に慣れていません（Javaバックエンドの作業に追加されました:)）。2行のテーブルを持つページで開くモーダルがあります - それぞれに2つの入力と選択ボックスがあります。ボタンをクリックすると....同じ要素を持つ別の行が追加されます。彼らはこのようにそれを行うために使用します: (行: <tr> で始まる) 要素で非表示になっているテーブル フッターを持ち、ボタンをクリックすると、テーブル本体が呼び出され、フッターが .append されます。次に、3 つの要素で attr を呼び出し、ID と名前を変更します。何らかの理由でフッターが非表示になっている場合...ドロップダウンは機能しますが、コピーされたバージョンは機能しません。名前、値などを調査しました。値はレンダリングされた html にあります...ドロップダウンが開かないだけです。

だから今私がやろうとしていることは...もっときれいかもしれないと感じています。html を使用して変数を作成し、ボタンがクリックされるたびにそれを追加します。しかし、select要素にはタグが書かれている...ので、これが問題かどうかはわかりませんが、ミックスに追加しようとするたびに....予期しないtoken(<)に関するエラーがあります。<dfm:catombobox> で始まる 1 行を削除すると、機能します...タグ付きの選択である「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

ここで正常に動作していることを確認してください

テーブルに新しい行を追加する

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 に答える