1

私はこのようなテーブルを持っています:

<table id="myTable" border="1">
  <tbody>
    <tr><td>Name</td></tr>
    <tr><td><input name="field-1" type="text" /></td></tr>
    <tr><td><input name="field-2" type="text" /></td></tr>
  </tbody>
</table>

追加ボタンが必要なので、追加ボタンをクリックするたびに、次のような一意の名前を持つ新しい行が追加されます

<tr><td><input name="field-3" type="text" /></td></tr>
<tr><td><input name="field-4" type="text" /></td></tr>

解決策を提案してください。

ありがとうございます！

4

2 に答える 2

2 
$('button#add_more').on('click', function() {
    var table = $('table#myTable tbody'),
        len = $('input[type=text]', table).length;
  table.append('<tr><td><input name="field-'+ (len+1)+'" type="text" /></td></tr>');
})

</p>

デモ

于 2012-05-23T10:45:08.780 に答える
0

デモ :: http://jsfiddle.net/ankur20us/MTXhZ/

$('#click').click(function(){
    var totRows=$('#myTable tr').length;

    $('#myTable').append("<tr><td><input name='field-"+ totRows +"' type='text' /></td></tr>")

});​
于 2012-05-23T10:50:52.690 に答える