jquery表单高级表单克隆

Question

如何制作一个表格，可以在单击添加行链接时添加行，并且可以在单击删除时将其删除。我的表单中还有一个下拉列表，其中包含以下选项 1.---默认选择--- 2. 资产 3. 没有资产

现在，当用户选择资产时，会在当前行的正下方显示动态表单。 动态框应该有这个字段 1.资产类型：一个下拉列表（其值应使用ajax填充） 2.名称：一个简单的输入文本字段 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 中接收服务器中的数据。请帮帮我。我不希望为我编写整个代码，但我想要的是正确方向的指导。谢谢

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