1

あるドロップダウン リストの値 (オプション) を別のドロップダウン リストにコピーしようとしています。ユーザーが追加ボタンをクリックするたびに、いくつかのテキストボックスと元のコピーであるドロップボックスを含む新しいテーブル行を追加しています。以下は私のコードです：

$(function(){
$("#addBtn").click(function(){
    var rows = $("#nofRowHidden").val();//get the current no of row
    rows++;
    $("#crsTable").append(
    '<tr>'+
    '<td><input type="text" name="assesmntNameTxtBx'+rows+'"/></td>'+
    '<td><input type="text" name="markRcvdTxtBx'+rows+'"/></td>'+
    '<td><input type="text" name="totalTxtBox'+rows+'"/></td>'+
    '<td>'+
    '<select name="drpDwnCrs'+rows+'">'+
    '</select>'+
    '</td>'+
    '</tr>'
    );
    //#drpDwnCrs1 was original drbdwn and populated with data from the database
    $("#drpDwnCrs1 option").clone().appendTo("#drpDwnCrs"+rows);

    $("#nofRowHidden").val(rows);//add current no of row to hidden txt bx
    });
 });

上記のコードは、テキスト ボックスを含む新しい行を正しく生成します。ただし、ドロップダウン リストの値をコピーできません。

あなたの助けに感謝。

4

3 に答える 3

1

これ (/jsfiddle.net/slash197/a98U8/5/) が役に立つかもしれません。

于 2013-04-08T06:13:00.450 に答える
1

を使用して.appendTo("#drpDwnCrs"+rows)います。#はidセレクターです。

を作成するときは<select>、 を使用してい'<select name="drpDwnCrs'+rows+'">'+ます。これは、属性を設定したことを示していnameます...属性ではありませんid。つまり、appendTo呼び出しの jQuery セレクターは要素を見つけられず、何もしません。

私が言及したコードを次のように変更してみてください。

.appendTo('select[name="drpDwnCrs' + rows + '"]')
于 2013-04-08T06:19:48.680 に答える