jquery 重新填充表表单字段

发布于 2024-11-19 16:48:13 字数 463 浏览 0 评论 0原文

我有一个简单的 html 表，以两行开始。每行包含 2 个表单字段。用户可以向表中添加额外的行，如下所示：

$('a#addRow').click(function() {
    $('#jTable tr:last').after('<tr>'+
        '<td><input type="text" name="foo[]" value="" id="foo[]" /></td>'+
        '<td><input type="text" name="bar[]" value="" id="bar[]" /></td></tr>');
    return false;
});

这工作正常。

但是，如果在发布表单后检测到错误，那么我需要重新创建具有正确行数的表。目前，发布后，表格默认仅返回两个起始行。

原文

I have a simple html table that starts off with two rows. Each row contains 2 form fields. User's can add additional rows to the table as follows:

$('a#addRow').click(function() {
    $('#jTable tr:last').after('<tr>'+
        '<td><input type="text" name="foo[]" value="" id="foo[]" /></td>'+
        '<td><input type="text" name="bar[]" value="" id="bar[]" /></td></tr>');
    return false;
});

This works fine.

However, if there is an error detected after the form is posted, then I need to recreate the table with the correct number of rows. At the moment, after posting, the table defaults back to the two starting rows only.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

陈独秀 2024-11-26 16:48:14

提交表单时，您可以存储表中的行数。

$('form').submit(function(){
    // Cool stuff here
    // ...
    localStorage.setItem('nbLinesinTable', $('table > tr').length);
    // or add input to form
}

k_wave 解决方案也是可靠的。

On submitting form you can store the number of lines in table.

$('form').submit(function(){
    // Cool stuff here
    // ...
    localStorage.setItem('nbLinesinTable', $('table > tr').length);
    // or add input to form
}

The k_wave solution's is also reliable.

回复收藏 0 原文

初相遇 2024-11-26 16:48:14

我决定做这个服务器端。

控制器：

$data['rows'] = count($_POST('foo'));

视图

<?php for ($i = 0; $i < $rows; $i++): ?>
    <tr>
        <td><input type="text" name="foo[]" value=<?php echo $foo[$i]; ?> id="foo[]" /></td>
        <td><input type="text" name="bar[]" value=<?php echo $bar[$i]; ?> id="bar[]" /></td>
    </tr>       
<?php endfor; ?>

I decided to do this server side.

Controller:

$data['rows'] = count($_POST('foo'));

View

<?php for ($i = 0; $i < $rows; $i++): ?>
    <tr>
        <td><input type="text" name="foo[]" value=<?php echo $foo[$i]; ?> id="foo[]" /></td>
        <td><input type="text" name="bar[]" value=<?php echo $bar[$i]; ?> id="bar[]" /></td>
    </tr>       
<?php endfor; ?>

回复收藏 0 原文