0

如何制作一个可以在单击添加行链接时添加行并可以在单击删除时删除的表单。我的表单中还有一个下拉列表，其中包含以下选项 1. ---Select--- 默认情况下 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 中接收服务器中的数据。请帮帮我。我不希望为我编写整个代码，但我想要的是正确方向的指导。谢谢

4

1 回答 1

1

那么jQuery.addRow 插件将帮助您克隆选择框。

看看这里

它允许动态添加和删除行。

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

以上两个也有回调函数。

您也有expense_type选择框的 id 及其克隆，并且多个 dom 不能有相同的 id。

现在您动态添加的选择框没有分配给它的事件，所以使用.on 

$('select[name="name="expense_type""]').on('change',function(){
   //write code
});
于 2013-02-25T06:55:00.807 回答