Question

我的表格类似于

<form>
<table>
<tr>
<td>
Date <input type="text" name="date" id="date">
</td>
<td>
Installment <input type="text" name="installment" id="installment">
</td>
<td>
Balance <input type="text" name="balance" id="balance">
</td>
</tr>
</form>

我想要的是当字段名称=“余额”的值超过零时自动生成这些字段。

如果你们有任何想法。请回答我。提前谢谢。

Answer 1

您有两种方法可以实现这一点您可以在服务器端创建字段，但设置其display:none。当余额测试字段的值大于0时，设置display:none
或者您可以从JavaScript本身创建字段

我编写了一个示例代码（假设您使用的是jquery）

$(document).ready(function () {
    $('#balance').change(function() {
      if($(this).val() > 0)
      {
        $('<input>').attr({
                        type: 'text',
                        name: 'date',
                        id: 'date'
                    }).appendTo($("#formId"));
        $('<input>').attr({
                        type: 'text',
                        name: 'installment',
                        id: 'installment'
                    }).appendTo($("#formId"));
      }
      else
      {
        $('#date').remove();
        $('#installment').remove();
      }
    });

    $('#removeRow').click(function() {
        $('#date').remove();
        $('#installment').remove();
    });

});

[编辑]：包含删除行的代码

自动生成php中的表单字段

1 个答案: