質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

89.12%

[PHP]フォームを追加した場合のデータの受け渡し送信について

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 1,093
退会済みユーザー

退会済みユーザー

htmlとphpを使ってメールフォームを作っています。

[html側]

<form id="contact-form" action="./check.php" method="post">
  <input type="hidden" name="sub_actions" value="confirm">
  <h3>Ordr Form</h3>
  <ul>
    <li>
      <label for="NAME">NAME</label>
      <br>
      <input type="text" id="order_title" name="order_title" size="60" value="">
    </li>
    <li>
      <label for="E-MAIL">E-MAIL</label>
      <br>
      <input type="text" class="required email" name="e_mail" size="60" value="">
    </li>
    <li>
      <label for="ADDRESS">ADDRESS</label>
      <br>
      <input type="text" class="required address" name="address" size="60" value="">
    </li>
    <li> ITEM NUMBER(* multiple possible)<br>
      <ol id="item_num">
        <li><input type="text" class="required item" name="item_num_0" size="30" value=""></li>
      </ol>
      <input type="button" value="Additional items" id="btn_add">
    </li>
    <li>
      <label for="ADDRESS">INQUIRY</label>
      <br>
      <textarea name="comment" rows="4" cols="60"></textarea>
    </li>
  </ul>
  <div class="bt">
    <input type="submit" value="confirmation screen" name="submit">
  </div>
</form>

[JavaScript側]

// JavaScript Document
jQuery(document).ready(function($) {
  var prefix_order_list = 'item_num_'; // 品目入力欄のname属性の接頭辞

    // "品目の追加"ボタンを押した場合の処理
    $('#btn_add').click(function(){
        // 品目入力欄を追加
        var len_list = $('#item_num > li').length;
        var new_list = '<li><input type="text" size="30" name="' + prefix_order_list + len_list + '"></li>';
        $('#item_num').append(new_list);

        // 削除ボタンの一旦全消去し、配置し直す
        $('#item_num input[type="button"]').remove();
        len_list++;
        for (var i = 0; i < len_list; i++) {
            var new_btn = '<input type="button" value="delete">';
            $('#item_num > li').eq(i).append(new_btn);
        }

    });

    // 削除ボタンを押した場合の処理
    $(document).on('click', '#item_num input[type="button"]', function(ev) {
        // 品目入力欄を削除
        var idx = $(ev.target).parent().index();
        $('#item_num > li').eq(idx).remove();

        var len_list = $('#item_num > li').length;

        // 入力欄がひとつになるなら、削除ボタンは不要なので消去
        if (len_list == 1) $('#item_num input[type="button"]').remove();

        // 入力欄の番号を振り直す
        for (var i=0; i<len_list; i++) {
            $('#item_num > li').eq(i).children('input[type="text"]').attr('name', prefix_order_list + i);
        }
    });
});

[php側(内容確認画面)]

<?php 

if(!$_POST){
header('Location: http://xxxx.xxxxx.com/');/
    }
session_start();
$_SESSION = $_POST;

?>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Order confirmation</title>
</head>

<body>
<form id="contact-form" action="./send.php" method="post">
                    <input type="hidden" name="sub_actions" value="confirm">
                    <table>
                    <tbody>
                    <tr>
                    <th>NAME</th>
                    <td><?php echo htmlspecialchars($_POST['name']);?></td>
                    </tr>
                    <tr>
                    <th>E-MAIL</th>
                    <td><?php echo htmlspecialchars($_POST['e_mail']);?></td>
                    </tr>
<tr>
                    <th>ADDRESS</th>
                    <td><?php echo htmlspecialchars($_POST['address']);?></td>
                    </tr>
                    <tr>
                    <th style="vertical-align:top;">INQUIRY</th>
                    <td><?php echo htmlspecialchars($_POST['comment']);?>
                    </td>
                    </tr>
                    </tbody>
                    </table>

                    <div class="bt">
                    <p>PCやスマホのメールフォームの修正ボタンなんかhistory.back()で十分!</p>
                    <a href="javascript:history.back();">
<input type="button" value="戻る">
</a>
                    <input type="submit" value="送信" name="submit">
                    </div>
                    </form>

[php側(送信画面)]

<?php

$add_header="From:xxxxx.xxx@gmail.com\r\n";
$add_header    .= "Reply-to: xxxxx.xxx@gmail.com\r\n";
$add_header    .= "AAAA". phpversion();
$opt = '-f'.'xxxxx.xxx@gmail.com'; 

$message =<<<HTML
It is a confirmation of the order content.

[1.NAME]
{$_SESSION['name']}

[2.E_MAIL]
{$_SESSION['e_mail']}

[3.ADDRESS]
{$_SESSION['address']}


[5.INQUIRY]
{$_SESSION['comment']}

After confirming the order details, we will contact you than the person in charge.
Please wait a moment.

HTML;

// カレントの言語を日本語に設定する
mb_language("ja");
mb_internal_encoding("UTF-8");

mail($_SESSION['e_mail'],"AAA[Order] confirmation e-mail",$message,$add_header,$opt);
//mb_send_mailは5つの設定項目がある
//mb_send_mail(送信先メールアドレス,"メールのタイトル","メール本文","メールのヘッダーFromとかリプライとか","送信エラーを送るメールアドレス");

//マスター管理者にも同じメールを送る
mail('xxxxx.xxx@gmail.com',"お問い合わせがありました",$message,$add_header,$opt);

session_destroy();  // セッションを破棄
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Order Form Sent completed</title>
</head>

<body>
<p>Sent completed</p>
</body>
</html>            </form>
</body>
</html>

これは、注文フォームに必要事項を入力して送信するプログラムです。
ITEM NUMBERでは入力フォームが追加削除できます。
ここで、複数フォームを追加して数値や文字列を追加した場合で、[php側(確認画面)]で追加分も画面に表示し
[php側(送信画面)]で追加分をメールに表示させるにはどうしたらいいでしょうか?

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • 退会済みユーザー

    退会済みユーザー

    2016/10/01 17:36


    コードはコードブロックで囲んでいただけませんか? ```(バッククオート3つ)で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

    キャンセル

  • 退会済みユーザー

    退会済みユーザー

    2016/10/01 17:38

    ありがとうございます。ご指摘どおりに編集いたしました。

    キャンセル

回答 1

checkベストアンサー

+1

以下のようにnameをitem_num[]と配列を指定しておくと、複数あった場合、
$_POSTで配列で受け取ることができますので、扱いやすくなるかと思います。
※jsで番号を振り直す必要もないかと

<input type="text" class="required item" name="item_num[]" size="30" value="">
<input type="text" class="required item" name="item_num[]" size="30" value="">
<input type="text" class="required item" name="item_num[]" size="30" value="">


※質問内容を勘違いしていたらすみません。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/10/02 15:49

    ありがとうございます。配列にしてforreachを使ったらうまく考えていた表示方法ができました。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 89.12%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる