Ajax를 사용하여 선택에 따라 데이터 변경

다음과 같은 ajax 호출이 있습니다.

.ajax({
                    url: "WebService.asmx/showResult",
                    type: "post",
                    data: JSON.stringify({
                        "dateFrom": $('#txtDateFrom').val(),
                        "dateTo": $('#txtDateTo').val(),
                        "ddlType": $("#ddlType").children("option").filter(":selected").val(),
                        "ddlTer": $("#ddlTer").children("option").filter(":selected").val(),
                        "ddlFilter": $("#filter").children("option").filter(":selected").val()
                    }), // parameters
                    beforeSend: function () {
                        $('#loader').html('<img src="Images/loading.gif" />');
                    },
                    contentType: "application/json; charset=utf-8",
                    success: function (result) {
                        $('#loader').html('');
                        //To delete the whole tr except the first one.
                        $("#tblUsers").find("tr:gt(0)").remove();
                        $('#tblUsers').append(JSON.stringify(result));

                    },
                    error: function () {
                        alert('error');
                    }


                });

다음 웹 메서드를 호출합니다.

[WebMethod]
public string showResult(DateTime dateFrom, DateTime dateTo,string ddlFilter)


{
  System.Threading.Thread.Sleep(500);
      string result = "";
   // return dateFrom.ToString();
 string filter=ddlFilter.ToString();
 var sp = db.divideTypes(dateFrom, dateTo,ddlFilter).ToList();
 foreach (var u in sp)
 {
        result += "<tr>";
        result += "<td>"+u.depno+"</td>";
        result += "</tr>";
 }
 return result;
}

그러면 반환 된 결과 가 테이블에 추가됩니다 . 파라미터의 데이터를 변경할 드롭 다운 목록을 추가하고 싶어서 "ddlFilter"결과가 변경됩니다.

.change () 호출이 있지만 어디에 두어야합니까?