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

これを実装するには、2 つのオプションがあります。
サーバー側でフィールドを作成できますが、その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 に答える