更改下拉菜单上的ajax双重请求

Question

有四个下拉菜单和这个jQuery代码：

$('document').ready(function(){

$('.ffilter').on('change', function(e) {
    var fbrand = $('#fbrand').val();
    var ftyp = $('#ftyp').val();
    var fmaterial = $('#fmaterial').val();
    var fstatus = $('#fstatus').val();
    $.ajax({
      url: 'application/inc/fun.filter.php',
      type: 'post',
      data: { varb: fbrand, vtyp: ftyp, vmat: fmaterial, vsta: fstatus },
      success: function(data, status) {
           $('.productoverview').html(data);
           $("img").unveil();
      }
    })
    e.preventDefault();
  });

}）;

该函数运行良好，但如果dropDown菜单有变化，它总是会给出两个请求。

为什么会发生这种情况？

感谢您的帮助 托马斯