0

ADD ROW リンクをクリックすると行を追加でき、削除をクリックすると削除できるフォームを作成する方法。また、フォームにドロップダウン リストがあり、次のオプションがあります。 1. ---選択--- デフォルトで 2. アセット 3. アセットなし

ユーザーがアセットを選択すると、現在の行のすぐ下に動的フォーム ショーが表示されます。動的ボックスには次のフィールドが必要です。 1. アセット タイプ: 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();

上記の 2 つにもコールバック関数があります。

選択ボックスとその複製にもexpense_typeIDがあり、複数のDOMに同じIDがあってはなりません。

動的に追加された選択ボックスにはイベントが割り当てられていないため、使用します.on 

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