處理兩個選擇器的函數，jquery

Question

我在我的視圖中有兩個下拉列表。我寫了一個jQuery代碼來處理這兩個Change函數，但它不起作用。

$('#ddlDepartment,#ddlgrade').on('change',function() {  
     var ddlDepartment = $('#ddlDepartment').val(); 
     var grade = $('#ddlgrade').value(); 
     $.ajax('/AdminPages/showStudents/' + ddlDepartment+'/'+grade).done(function (data) { 
      $('#lstStudents').html(data); 
     }); 
     $.ajax('/AdminPages/ShowTeahcers/' + ddlDepartment).done(function (data1) { 
      $('#ddlteacher').html(data1); 
     }); 
     $.ajax('/AdminPages/ShowCourses/' + ddlDepartment+'/'+grade).done(function (data2) { 
      $('#ddlCourse').html(data2); 
     }); 
    }); 

對不起。這是我得到的錯誤：

Uncaught TypeError: $(...).value is not a function 
    at HTMLSelectElement.<anonymous> (AddClassMembersMiniPage:106) 
    at HTMLSelectElement.dispatch (jquery-3.1.1.js:5201) 
    at HTMLSelectElement.elemData.handl 

Answer 1

看看「開發工具」控制檯的錯誤。由於錯字，代碼未達到$.ajax調用。

變化

$('#ddlgrade').value();

到

$('#ddlgrade').val();