Question

如何制作一个表单，可以在单击ADD ROW链接时添加行，并在单击删除时删除。我的表格中还有一个下拉列表，其中包含以下选项 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
});

jquery形式推进形式克隆

1 个答案: