javascript - 如何将下拉值获取到 .php 文件中

Question

我需要将选定的下拉值获取到我的 .php 文件中，该文件实际上是发送邮件文件。

当我从下拉列表中选择 6 个选项之一时，我希望所选选项作为电子邮件的“主题”包含在邮件中。

这是我的HTML 代码

<span class="custom-dropdown big">
    <select id="mounth" name="mounth">
        <option value="default">-- Domain name --</option>
        <option value="value1" rel="icon-temperature">value1</option>
        <option value="value2">value2</option>
        <option value="value3">value3</option>
        <option value="value4">value4</option>
        <option value="value5">value5</option>
        <option value="value6">value6</option>
    </select>
    <input type="hidden" id="changeme" name="changeme" />
</span>

弹出式电子邮件表格

<div class="modal fade" id="popup-moda">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span id="spanhide" aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Contact Us</h4>
            </div>
            <form action="" method="post" name="form" id="forms">
                <div class="modal-body">
                    <div id="domain" name="domain"></div>
                    <input required id="name" name="name" placeholder="Name" type="text">
                    <input required id="email" name="email" placeholder="Email" type="text">
                    <textarea id="msg" name="msg" placeholder="Message"></textarea>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Send</button>
                    <div id="success" style="color: blue;"></div>
                </div>
            </form>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

这是我的 JS 代码，它实际上显示选定的选项，但仅在发送电子邮件之前作为文本显示。

$(document).ready(function(){

$('.popup').click(function(e){
    e.preventDefault();
    $('#domain').html('<b>' + $('#mounth').val() + '</b>');
    $('#popup-moda').modal('show');
        return false;
});
});

我的 PHP 文件

<?php
$name = $_POST['name'];
$email = $_POST['email'];
$msg = $_POST['msg'];

$to = 'example@example.com';
$subject = 'New Customer Enquiry';
$msg = <<<EMAIL
Subject: $subject
Message: $msg
From: $name
Email: $email
EMAIL;
$headers = 'From:' . $email;

if (filter_var($email, FILTER_VALIDATE_EMAIL)) { 
mail($to, $subject, $msg, $headers);   mail.

echo "Thank you for your email! We will reply as soon as possible."; 
}
else
{
echo "Invalid Email, please provide a correct email address.";
}

?>

谢谢你们。欢迎任何意见!

Answer 1

将select放入您的表单中，以便所选值与其余表单参数一起发送到服务器。

<form action="" method="post" name="form" id="forms">
    <!-- ... -->
    <select id="mounth" name="mounth">
        <!-- options -->
    </select>
    <!-- ... -->
</form>

然后在你的 php 文件中:

$subject = $_POST['mounth'];

然后在主题中使用它。

编辑:

然后，您可以使用该名称向表单添加隐藏输入，并在选择时向其中添加下拉列表的值:

<form action="" method="post" name="form" id="forms">
    <!-- form stuff -->
    <input type="hidden" id="hiddenMounth" name="mounth" value="" />
</form>

然后监听select的onchange:

$('#mounth').on('change', function() {
    $('#hiddenMounth').val($(this).val());
});

然后在你的 php 中:

$subject = $_POST['mounth'];