Javascript 如何将下拉列表值发送到电子邮件？

我有一个问题，我需要将所选下拉列表值发送到电子邮件。我已将联系人表单中的其他输入值发送到电子邮件。但我不知道如何将下拉列表值发送到电子邮件。随函附上html、php和js代码。有人能帮我吗

下面是html代码

<!-- Contact form -->

 <div class="modal fade" id="modalForm" role="dialog" style="width: 100%;">
    <div class="modal-dialog">
        <div class="modal-content">
            <!-- Modal Header -->
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span>
                    <span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">Contact Form</h4>
            </div>

            <!-- Modal Body -->
            <div class="modal-body">
                <p class="statusMsg"></p>
                <form role="form">
                    <div class="form-group">
                        <label for="inputName">Name</label>
                        <input type="text" class="form-control" id="inputName" placeholder="Enter your name" style="border: 1px solid #fff; border-bottom: 1px solid #ccc;"/>
                    </div>
                    <div class="form-group">
                        <label for="inputEmail">Email</label>
                        <input type="email" class="form-control" id="inputEmail" placeholder="Enter your email"/>
                    </div>
                    <div class="form-group">
                        <label for="inputMessage">Message</label>
                        <textarea class="form-control" id="inputMessage" placeholder="Enter your message"></textarea>
                    </div>
                    <div class="form-group">
                        <label for="inputService">Service</label>
                        <select name="subject" class="form-control"
                        id="inputService" size="1">
                        <option value="Option1">Pr-Matrimonial Services</option>
                        <option value="Option2">Extra Marital Affairs</option>
                        <option value="Option3">Divorce Case Support</option>
                        </select>
                    </div>
                </form>
            </div>

            <!-- Modal Footer -->
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary submitBtn" onclick="submitContactForm()">SUBMIT</button>
            </div>
        </div>
    </div>
</div>

&时代；
接近
联系方式

名称
电子邮件
消息
服务
公共关系婚姻服务
婚外情
离婚案件支持
接近
提交

JS代码

<script>
function submitContactForm(){
    var usernameRegex = /^[a-zA-Z0-9]+$/;
    var reg = /^[A-Z0-9._%+-]+@([A-Z0-9-]+\.)+[A-Z]{2,4}$/i;
    var name = $('#inputName').val();
    var email = $('#inputEmail').val();
    var message = $('#inputMessage').val();
    if(name.trim() == '' ){
        alert('Please enter your name.');
        $('#inputName').focus();
        return false;
    }else if(name.trim() != '' && !usernameRegex.test(name)){
        alert('Please enter valid name.');
        $('#inputName').focus();
        return false;
    }else if(email.trim() == '' ){
        alert('Please enter your email.');
        $('#inputEmail').focus();
        return false;
    }else if(email.trim() != '' && !reg.test(email)){
        alert('Please enter valid email.');
        $('#inputEmail').focus();
        return false;
    }else if(message.trim() == '' ){
        alert('Please enter your message.');
        $('#inputMessage').focus();
        return false;
    }else{
        $.ajax({
            type:'POST',
            url:'contact.php',
            data:'contactFrmSubmit=1&name='+name+'&email='+email+'&message='+message,
            beforeSend: function () {
                $('.submitBtn').attr("disabled","disabled");
                $('.modal-body').css('opacity', '.5');
            },
            success:function(msg){
                if(msg == 'ok'){
                    $('#inputName').val('');
                    $('#inputEmail').val('');
                    $('#inputMessage').val('');
                    $('.statusMsg').html('<span style="color:green;">Thanks for contacting us, we\'ll get back to you soon.</p>');
                }else{
                    $('.statusMsg').html('<span style="color:red;">Some problem occurred, please try again.</span>');
                }
                $('.submitBtn').removeAttr("disabled");
                $('.modal-body').css('opacity', '');
            }
        });
    }
}
</script>

函数submitContactForm（）{
var usernameRegex=/^[a-zA-Z0-9]+$/；
变量reg=/^[A-Z0-9.\%+-]+@（[A-Z0-9-]+\）+[A-Z]{2,4}$/i；
var name=$（'#inputName'）.val（）；
var email=$（'#inputEmail'）.val（）；
var message=$（'#inputMessage'）.val（）；
如果（name.trim（）=''）{
警报（'请输入您的姓名'）；
$（'#inputName'）.focus（）；
返回false；
}else if（name.trim（）！=“”&！usernameRegex.test（name））{
警报（'请输入有效名称'）；
$（'#inputName'）.focus（）；
返回false；
}else if（email.trim（）=''）{
提醒（'请输入您的电子邮件'）；
$（'#inputEmail'）.focus（）；
返回false；
}else if（email.trim（）！=''&！reg.test（email））{
警报（'请输入有效电子邮件'）；
$（'#inputEmail'）.focus（）；
返回false；
}else if（message.trim（）==''）{
警报（'请输入您的消息'）；
$（'#inputMessage'）.focus（）；
返回false；
}否则{
$.ajax({
类型：'POST'，
url:'contact.php'，
数据：'contactFrmSubmit=1&name='+name+'&email='+email+'&message='+message，
beforeSend:函数（）{
$（'.submitBtn'）.attr（“禁用”、“禁用”）；
$（'.modal body'）.css（'opacity'，'.5'）；
},
成功：功能（msg）{
如果（msg=='ok'）{
$（'#inputName'）.val（''）；
$（'#inputEmail'）.val（''）；
$（'#inputMessage'）.val（''）；
$（'.statusMsg'）.html（'感谢您与我们联系，我们将很快与您联系。
'）；
}否则{
$（'.statusMsg'）.html（'出现了一些问题，请重试'）；
}
$（'.submitBtn'）.removeAttr（“禁用”）；
$（'.modal body'）.css（'opacity'，''）；
}
});
}
}

php代码

<?php

if(isset($_POST['contactFrmSubmit']) && !empty($_POST['name']) && !empty($_POST['email']) && (!filter_var($_POST['email'], FILTER_VALIDATE_EMAIL) === false) && !empty($_POST['message'])){


    // Submitted form data
    $name   = $_POST['name'];
    $email  = $_POST['email'];
    $message= $_POST['message'];
    $option= $_POST["subject"];

    /*
     * Send email to admin
     */
    $to     = 'support@ribelz.net';
    $subject= 'Contact Request of privateeyelk.com';

    $htmlContent = '
    <h4>Contact request from : '.$email.'</h4>

    <p>Name: '.$name.'</p>
    <p>Email: '.$email.'</p>
    <p>Message: '.$message.'</p>
    <p>Service: '. $option.'</p>
    ';

    // Set content-type header for sending HTML email
    $headers = "MIME-Version: 1.0" . "\r\n";
    $headers .= "Content-type:text/html;charset=UTF-8" . "\r\n";

    // Additional headers
    $headers .= 'From: Private Eye<privateeyelk.com>' . "\r\n";

    // Send email
    if(mail($to,$subject,$htmlContent,$headers)){
        $status = 'ok';
    }else{
        $status = 'err';
    }

    // Output status
    echo $status;die;

    }

---

您没有在Js代码中检索select的值

尝试在submitContactForm函数中添加此行

var subject = $('#inputService').val(); 

请把这一行打给我

data:'contactFrmSubmit=1&name='+name+'&email='+email+'&message='+message+'&service='+subject,

但它没有得到价值。电子邮件中的字段为空。看起来您没有在Javascript中检索select
inputService
的值，请尝试：
var subject=$（'#inputService'）.val（）我现在添加了它，但它没有得到值。电子邮件中的字段为空。是否检查了数据库中是否存在select值？我没有使用数据库。$message='我的select菜单值为'$选项尝试这样添加联系人表单时出错。