Question

您好我有多个动态下拉列表。提前下拉列表的值取决于之前的下拉值。我有一个下拉列表，其值取决于两个下拉列表中的值。下拉列表。

<select name="batch" id="batch-list" onChange="getSubject(this.value);" class="form-control" required>
  <option value="">Select Batch</option>
</select>

<select name="semester" id="semester-list" class="form-control" required>
  <option value="">Select Semester</option>
</select>

//The value of the below select are dependent on the values from batch and semester 
<select name="subject" id="subject-list" class="form-control" required>
  <option value="">Select Semester</option>
</select>

单值的onchange函数： -

function getSubject(val) {
$.ajax({
type: "POST",
url: "dropdown.php",
data:'batch_id='+val,
success: function(data){
    $("#subject-list").html(data);
}
});

}

上面的onchange函数只从批处理中获取值如何通过ajax传递函数中的学期值。

Answer 1

试试这个：

function getSubject(param1, param2) {
       $.ajax({
            type: "POST",
            url: "dropdown.php",
            data: {
                val1 : param1,
                val2 : param2
            },
            success: function(data){
            $("#subject-list").html(data);
        }
}

并称之为：

$(document).on('change', '#dropdown1_id', function(){
    var dd1 = $(this).val();
    var dd2 = $('#dropdown2').val();

    getSubject(dd1, dd2);
});

如何将值从两个select传递到一个onchange函数？

1 个答案: