处理HTML多选表单数据并动态生成邮件内容教程

<select class="js-example-multiple js-states form-control" multiple="multiple" name="product[]">
   <option value="Baby Shark Castle 15ft x 18ft">Baby Shark Castle 15ft x 18ft</option>
   <option value="Pirate's assault course 12ft x 25ft">Pirate's assault course 12ft x 25ft</option>
   <option value="Yellow Mega Slide 18ftx18ft">Yellow Mega Slide 18ftx18ft</option>
   <option value="18ft x 18ft Disco Dome Lights & Speaker">18ft x 18ft Disco Dome Lights & Speaker</option>
   <option value="Assault Course 35ft Long 12 ft Wide">Assault Course 35ft Long 12 ft Wide</option>
   <option value="Inflatable Nightclub 12ft x 15ft">Inflatable Nightclub 12ft x 15ft</option>
   <option value="40ft Assault course 15ft x 40ft">40ft Assault course 15ft x 40ft</option>
   <option value="Inflatable Pub 17x17 - Holds 20 People">Inflatable Pub 17x17 - Holds 20 People</option>
</select>

// 假设 $products = $_POST["product"];
foreach($products as $product){
    $list = $product . "<br> test <br>"; // 每次循环都会覆盖 $list
    $html =  str_replace("{{list}}",$list,$html); // 每次替换都会作用于原始 $html
};

$products = $_POST["product"]; // 获取多选字段的数组数据

// 使用 implode 将数组元素用 "<br>" 连接成一个字符串
$list = implode("<br>", $products);

// 将生成的字符串替换到 HTML 模板中
$html = str_replace("{{list}}", $list, $html);

<?php
    // 引入邮件模板
    $html = file_get_contents('template.html');

    // 邮件配置
    $email_to = "recipient@example.com";          // 收件人邮箱
    $email_from = "sender@example.com";          // 发件人邮箱 (需是主机托管商允许的地址)
    $email_subject = "Website Contact Form";    // 邮件主题
    $thankyou_url = "../thankyou.html";         // 提交后跳转的感谢页面

    // 获取表单提交的数据
    $name = $_POST["name"];
    $reply_to = $_POST["email"];
    $number = $_POST["number"];
    $date = $_POST["date"];
    $message = $_POST["message"];
    $products = $_POST["product"]; // 这是包含多选产品名称的数组

    // 邮箱地址验证（示例）
    if(!filter_var($email_from, FILTER_VALIDATE_EMAIL)) {
        die("The email address entered is invalid.");
    }

    // 替换模板中的单个值占位符
    $html =  str_replace("{{username}}", $name, $html);
    $html =  str_replace("{{email}}", $reply_to, $html);
    $html =  str_replace("{{number}}", $number, $html);
    $html =  str_replace("{{date}}", $date, $html);
    $html =  str_replace("{{message}}", $message, $html);

    // 关键：处理多选产品列表
    // 使用 implode 将 $products 数组中的所有元素用 "<br>" 连接成一个字符串
    $list = implode("<br>", $products); 
    $html = str_replace("{{list}}", $list, $html); // 将生成的列表字符串替换到模板中

    // 此时，$html 变量包含了所有替换后的完整邮件内容，可以用于发送邮件
    // 邮件发送逻辑（此处省略，通常使用 mail() 函数或 PHPMailer 等库）
    // header("Location: $thankyou_url"); // 示例：发送邮件后跳转
    exit;
?>

 <div style="margin: 0px; padding: 0px;">
    <p style="margin: 0px; padding: 0px;">
        您选择的产品列表：<br>
        {{list}}
    </p>
 </div>

<div style="margin: 0px; padding: 0px;">
    <p style="margin: 0px; padding: 0px;">
       您选择的产品列表：<br>
       Baby Shark Castle 15ft x 18ft<br>
       Assault Course 35ft Long 12 ft Wide<br>
       Pirate's assault course 12ft x 25ft<br>
       <!-- 其他选中的产品 -->
    </p>
 </div>