2012-12-06 71 views
0

我有一个形式类似,自动生成表单字段在PHP

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

我想的事情是,自动时,字段名=“平衡”的价值超过了零的产生形式的这些字段。

如果你们有任何想法。请回答我。 在此先感谢。

+1

您能提供您使用的PHP代码吗? – Termis

+0

@Termis:我什么也没用,因为我不知道如何在php中这样做。你有什么想法吗? – user1814328

+0

你是什么意思的自动生成?你想要自己生成值还是字段? –

回答

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

}); 

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

+0

感谢哥们,它的工作原理。但仍然存在问题。没有选择删除该行或返回。 – user1814328

+0

有没有什么办法可以在javascript中删除这些字段? – user1814328

+0

我已经更新了代码。创建ID为'removeRow'的任何元素 –