Javascript 如何获取值更改时的jQuery下拉数据

我已经添加了验证和提交表单的值。现在我想添加一个选择框，并将数据添加到验证中

计划是有2个下拉框，收集所有的选择框数据，在提交之前使用jQuery、Ajax和PHP验证所述数据

有什么想法或建议吗？谢谢

我的JS代码

<script>
function submitContactForm() {
    var reg = /^[A-Z0-9._%+-]+@([A-Z0-9-]+\.)+[A-Z]{2,4}$/i;
    var firstname = $('#inputfName').val();
    var lastname = $('#inputlName').val();
    var email = $('#inputEmail').val();
    var telephone = $('#inputTel').val();
    var category = $('#category').val();
    var gender = $('#gender').val();
    if (category.trim() == '') {
        alert('Please select a category.');
        $('#category').focus();
        return false;
        if (firstname.trim() == '') {
            alert('Please enter your name.');
            $('#inputfName').focus();
            return false;
            if (lastname.trim() == '') {
                alert('Please enter your name.');
                $('#inputlName').focus();
                return false;
                if (gender.trim() == '') {
                    alert('Please select your gender.');
                    $('#gender').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 (telephone.trim() == '') {
                    alert('Please enter your Phone Number.');
                    $('#inputTel').focus();
                    return false;
                } else {
                    $.ajax({
                        type: 'POST',
                        url: 'submit_Vform.php',
                        data: 'contactFrmSubmit=1&firstname=' + firstname + '&lastname=' + lastname + '&email=' + email + '&gender=' + gender + '&category=' + category + '&telephone='
                        telephone,
                        beforeSend: function() {
                            $('.submitBtn').attr("disabled", "disabled");
                            $('.modal-body').css('opacity', '.5');
                        },
                        success: function(msg) {
                            if (msg == 'ok') {
                                $('#category').val('');
                                $('#inputfName').val('');
                                $('#inputlName').val('');
                                $('#gender').val('');
                                $('#inputEmail').val('');
                                $('#inputTel').val('');
                                $('.statusMsg').html('<h1> Thank you for your interest!</h1><p>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', '');
                        }
                    });
                }
            }

函数submitContactForm（）{
变量reg=/^[A-Z0-9.\%+-]+@（[A-Z0-9-]+\）+[A-Z]{2,4}$/i；
var firstname=$（'#inputfName'）.val（）；
var lastname=$（'#inputlName'）.val（）；
var email=$（'#inputEmail'）.val（）；
var电话=$（'#inputTel'）.val（）；
var category=$（'#category'）.val（）；
var gender=$（'#gender'）.val（）；
如果（category.trim（）=''）{
警报（'请选择一个类别'）；
$（“#类别”）.focus（）；
返回false；
if（firstname.trim（）==“”）{
警报（'请输入您的姓名'）；
$（'#inputfName'）.focus（）；
返回false；
如果（lastname.trim（）=''）{
警报（'请输入您的姓名'）；
$（'#inputlName'）.focus（）；
返回false；
if（gender.trim（）=''）{
提醒（'请选择您的性别'）；
$（“#性别”）.focus（）；
返回false；
}else if（email.trim（）=''）{
提醒（'请输入您的电子邮件'）；
$（'#inputEmail'）.focus（）；
返回false；
}else if（email.trim（）！=''&！reg.test（email））{
警报（'请输入有效电子邮件'）；
$（'#inputEmail'）.focus（）；
返回false；
}else if（telephone.trim（）==''）{
警报（'请输入您的电话号码'）；
$（'#inputTel'）.focus（）；
返回false；
}否则{
$.ajax({
键入：“POST”，
url:'submit_Vform.php'，
数据：'contactFrmSubmit=1&firstname='+firstname+'&lastname='+lastname+'&email='+email+'&gender='+gender+'&category='+category+'&telephone='
电话,，
beforeSend:function（）{
$（'.submitBtn'）.attr（“禁用”、“禁用”）；
$（'.modal body'）.css（'opacity'，'.5'）；
},
成功：功能（msg）{
如果（msg=='ok'）{
$（'类别'）.val（''）；
$（'#inputfName'）.val（''）；
$（'#inputlName'）.val（''）；
$（'性别'）.val（''；
$（'#inputEmail'）.val（''）；
$（'#inputTel'）.val（''）；
$（'.statusMsg'）.html（'谢谢您的关注！我们很快会回复您。
'）；
}否则{
$（'.statusMsg'）.html（'出现了一些问题，请重试'）；
}
$（'.submitBtn'）.removeAttr（“禁用”）；
$（'.modal body'）.css（'opacity'，''）；
}
});
}
}

我希望添加的选择框的示例HTML

<div class="ui-widget">
    <select id="drop">
        <option value="">Select one...</option>
        <option value="11">11</option>
        <option value="12">12</option>
        <option value="13">13</option>
        <option value="14">14</option>
    </select>
</div>

选择一个。。。
11
12
13
14

添加选择时，只需

首先通过var-drop=$（'#drop'）.val（）；

验证它如果（drop=''）。

修改如下：

function submitContactForm() {
    var reg = /^[A-Z0-9._%+-]+@([A-Z0-9-]+\.)+[A-Z]{2,4}$/i;
    var firstname = $('#inputfName').val();
    var lastname = $('#inputlName').val();
    var email = $('#inputEmail').val();
    var telephone = $('#inputTel').val();
    var category = $('#category').val();
    var gender = $('#gender').val();
    var drop = $('#drop').val();
    var drop2 = $('#drop2').val();
    if (category.trim() == '') {
        alert('Please select a category.');
        $('#category').focus();
        return false;
    }
    if (firstname.trim() == '') {
        alert('Please enter your name.');
        $('#inputfName').focus();
        return false;
    }
    if (lastname.trim() == '') {
        alert('Please enter your name.');
        $('#inputlName').focus();
        return false;
    }
    if (gender.trim() == '') {
        alert('Please select your gender.');
        $('#gender').focus();
        return false;
    }
    if (email.trim() == '') {
        alert('Please enter your email.');
        $('#inputEmail').focus();
        return false;
    }
    if (email.trim() != '' && !reg.test(email)) {
        alert('Please enter valid email.');
        $('#inputEmail').focus();
        return false;
    }
    if (telephone.trim() == '') {
        alert('Please enter your Phone Number.');
        $('#inputTel').focus();
        return false;
    }
    if (drop == '') {
        alert('Please select drop\'s value');
        return false;
    }
    if (drop2 == '') {
        alert('Please select drop2\'s value');
        return false;
    }
    $.ajax({
        type: 'POST',
        url: 'submit_Vform.php',
        data: 'contactFrmSubmit=1&firstname=' + firstname + '&lastname=' + lastname + '&email=' + email + '&gender=' + gender + '&category=' + category + '&telephone='
        telephone+ '&drop=' + drop + '&drop2=' + drop2,
        beforeSend: function() {
            $('.submitBtn').attr("disabled", "disabled");
            $('.modal-body').css('opacity', '.5');
        },
        success: function(msg) {
            if (msg == 'ok') {
                $('#category').val('');
                $('#inputfName').val('');
                $('#inputlName').val('');
                $('#gender').val('');
                $('#inputEmail').val('');
                $('#inputTel').val('');
                $('#drop').val('');
                $('#drop2').val('');
                $('.statusMsg').html('<h1> Thank you for your interest!</h1><p>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', '');
        }
    });
}

函数submitContactForm（）{
变量reg=/^[A-Z0-9.\%+-]+@（[A-Z0-9-]+\）+[A-Z]{2,4}$/i；
var firstname=$（'#inputfName'）.val（）；
var lastname=$（'#inputlName'）.val（）；
var email=$（'#inputEmail'）.val（）；
var电话=$（'#inputTel'）.val（）；
var category=$（'#category'）.val（）；
var gender=$（'#gender'）.val（）；
var drop=$（'#drop'）.val（）；
var drop2=$（'#drop2'）.val（）；
如果（category.trim（）=''）{
警报（'请选择一个类别'）；
$（“#类别”）.focus（）；
返回false；
}
if（firstname.trim（）==“”）{
警报（'请输入您的姓名'）；
$（'#inputfName'）.focus（）；
返回false；
}
如果（lastname.trim（）=''）{
警报（'请输入您的姓名'）；
$（'#inputlName'）.focus（）；
返回false；
}
if（gender.trim（）=''）{
提醒（'请选择您的性别'）；
$（“#性别”）.focus（）；
返回false；
}
如果（email.trim（）=''）{
提醒（'请输入您的电子邮件'）；
$（'#inputEmail'）.focus（）；
返回false；
}
如果（email.trim（）！=''&&！注册测试（email））{
警报（'请输入有效电子邮件'）；
$（'#inputEmail'）.focus（）；
返回false；
}
如果（电话装饰（）=''）{
警报（'请输入您的电话号码'）；
$（'#inputTel'）.focus（）；
返回false；
}
如果（下降=“”）{
警报（“请选择drop的值”）；
返回false；
}
如果（drop2==''）{
警报（“请选择drop2的值”）；
返回false；
}
$.ajax({
键入：“POST”，
url:'submit_Vform.php'，
数据：'contactFrmSubmit=1&firstname='+firstname+'&lastname='+lastname+'&email='+email+'&gender='+gender+'&category='+category+'&telephone='
电话+drop='+drop+'&drop2='+drop2，
beforeSend:function（）{
$（'.submitBtn'）.attr（“禁用”、“禁用”）；
$（'.modal body'）.css（'opacity'，'.5'）；
},
成功：功能（msg）{
如果（msg=='ok'）{
$（'类别'）.val（''）；
$（'#inputfName'）.val（''）；
$(