jquery form預先形式的克隆

Question

如何製作一個表單，點擊ADD ROW鏈接可以添加行，點擊刪除即可刪除。我也有我的形式有以下選項 1.下拉列表---選擇---默認 2.資產 3.無資產

現在，當用戶選擇資產動態的形式出現表演權低於當前行。 動態箱應該有這個字段 1.資產類型：一個下拉列表（其值應與阿賈克斯進行填充） 二，項目名稱：一個簡單的輸入文本字段 3.序列號：文本字段 4.說明：文本字段

此表單應該有添加和刪除選項，甚至對於那些添加的行應該生成動態表單框。

<table id="expense_table" class=""> 
      <thead> 
       <tr> 
       <th>Sl. No</th> 
       <th>Particulars</th> 
       <th>Type</th> 
       <th>Qty</th> 
       <th>Rate</th> 
       <th>Amount</th> 
       <th>Action</th> 
      </tr> 
      </thead> 
    <tbody> 
      <tr id="row_1"> 
       <td>1</td> 
       <td><input type="text" name="particulars" /></td> 
       <td> 
        <select id="expense_type" name="expense_type" class="exp_type span2"> 
         <option value="">---Select---</option> 
         <option value="asset">Asset</option><!---when Asset is selected a dynamic box with some fields should appear----> 
         <option value="non_asset">Non Asset</option> 
        </select> 
       </td> 
       <td><input type="text" name="qty" class="input-small" /></td> 
       <td><input type="text" name="rate" class="input-small" /></td> 
       <td><input type="text" name="amount" class="input-small" /></td> 
       <td>X</td> 
      </tr> 
      <tr id="asset_details_1"><td colspan="7"> <!----- here should be the dynamic box with the fields----> 
</td></tr> 
    </tbody> 
</table> 

我與形式的克隆工作，我得到了它在工作時，我沒有下拉列表但下拉列表和動態盒讀音字不能這樣做，我怎麼可以接收數據的服務器在PHP。請幫幫我。我不希望整個代碼爲我寫，但我正確的方向的指導是wt我想要的。謝謝

Answer 1

那麼jQuery.addRow插件將幫助你做克隆選擇框。

看看here

其允許添加和動態刪除一行。

$(".addRow").btnAddRow(); 
$(".delRow").btnDelRow(); 

上面兩個也有回調函數。

您也有expense_type id選擇框及其克隆，並且不得有多個dom的相同id。

現在您的動態添加選擇框不具備的事件賦予它這樣使用.on

$('select[name="name="expense_type""]').on('change',function(){ 
    //write code 
});