MW WP Formで重複したname
-
MW WP Formをしようして商品の注文フォームを作成しています。
品番、商品名、色、サイズ、数量
上記が注文商品の情報として送信したい内容です。
複数の商品を注文する場合は入力するフィールドが複数必要ですので、ネットで検索した情報を参考にしてjQueryで追加ボタンを押せば行を追加するように設定しました。フォーム
<table border="1" cellspacing="0"> <thead> <tr> <th></th> <th>品番</th> <th>品名</th> <th>色</th> <th>サイズ</th> <th>数量</th> </tr> <tr class="template" style="display: none;"> <td class="sid">template</td> <td>[mwform_text name="品番" size="8" maxlength="20"]</td> <td>[mwform_text name="品名" size="25" maxlength="30"]</td> <td>[mwform_text name="色" size="3" maxlength="10"]</td> <td>[mwform_text name="サイズ" size="3" maxlength="10"]</td> <td>[mwform_text name="数量" size="3" maxlength="100"]</td> <td style="white-space: nowrap;"> <input id="del_button" type="button" value="削除" /></td> </tr> </thead> <tbody></tbody> <tfoot> <tr> <td colspan="3"><input id="add_button" type="button" value="行追加" /> </td> </tr> </tfoot> </table> [mwform_submit name="submit" value="送信"]
jQuery
$(document).ready(function(){ $("#add_button").click(function(){ var curTable = $(this).closest('table'); var rowCount = curTable.find('tbody tr').length; var sid = 0; if(rowCount > 0) { curTable.find('tbody tr').each(function(){ var cursid = Number($(this).find('td.sid').text()); if(sid < cursid) { sid = cursid; } }); } sid = sid + 1; var tmplTr= curTable.find('thead > tr.template'); curTable.find('tbody').append('<tr>' + tmplTr.html() + '</tr>'); curTable.find('tbody tr:last td.sid').text(sid); }); $("#remove_button").click(function(){ $(this).closest('table').find('tbody tr:last').remove(); }); $("#del_button").live("click", function(){ $(this).parent().parent().remove(); }); });
MW WP Formのフォームを編集画面の管理者宛メール設定には
{品番} {品名} {色} {サイズ} {数量}を3個記入してみました。この方法で試すと複数の商品を注文するとメールに記された商品は全て最下行に入力した商品の内容になってしまいます。
これを注文された商品それぞれに分けて出力したいのですが、このようなことは可能でしょうか?
試しに3個で設定していますが、数を指定せずに注文があった分だけメールに記す事は可能なのでしょうか?以上、よろしくお願いします。
- トピック「MW WP Formで重複したname」には新たに返信することはできません。