php - 在 PHP 中使用 jquery ajax 提交条件表单元素

Question

我问一个关于在 PHP 中使用 jquery 和 ajax 提交条件表单字段的问题，在我的表单中有两种类型的选择框(1.引用和 2.reference_info)，在引用选择框中有两个选项(1 . 无，以及 2. friend )如果用户选择第二个选项( friend )，则用户必须在 reference_info 选择框中选择选项。

// Submit Form
$('#add_new_user').on('submit', function(event){
    event.preventDefault();
    var name        = $('#name').val();
    var age         = $('#age').val();
    var gender      = $('#gender').val();
    var address     = $('#cddress').val();
    var contact     = $('#contact').val();
    var reference   = $('#reference').val();
    var ref_info    = $('#reference_info').val();

    if(name != '' && age != '' && gender != '' && reference != '' && ref_info != ''){
        var formData = $(this).serialize();
        /*$.ajax({
            url:"ajax.php",
            method:"post",
            data:formData,
            success:function(data){
                alert(data);
            }
        });*/
        alert(formData);
    }else{
        alert("Please fill required fields.");
    }
});

表单结构: 引用选择框

<select name="reference" class="form-control" id="reference">
    <option>Select</option>
    <option value="1">None</option>
    <option value="2">Friends</option>
</select>

引用信息选择框

<select name="reference_info" class="form-control" id="reference_info">
    <option>Select</option>
    <option value="1">Friend 1</option>
    <option value="2">Friend 2</option>
    <option value="3">Friend 3</option>
</select>

Answer 1

尝试这样的操作。不要发布代码图像。

function friends_function() {
if(ref_info == '') {
    alert("please fill ref_info")
    return
 } 

 //here ajax function


}  

function none_ref_funtion() {
    //your normal ajax function
}






switch(reference) {
    case "friends":
    friends_function();
    break;
    case "none":
    none_ref_function();
    break;
}