2012-12-06 118 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'的任何元素 –