0

我有一个类似的表格,

<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>

我想要的是当字段 name="balance" 的值超过零时自动生成这些表单字段。

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

4

1 回答 1

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();
    });

});

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

于 2012-12-06T11:33:52.587 回答