<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
//Click
 $("#btnSubmit").on("click", function (event) {
	var formData = new FormData($("#frm")[0]);
   $.ajax({
		type: "POST",
		url: "ajaxFunc.php",
		data: formData,
		processData: false, //Not to process data
        contentType: false, //Not to set contentType
		success: function (data) {
			alert(data);
		}
    });
  });
 
 //Submit
$("#frm").on("submit", function (event) {
	event.preventDefault(); //prevent default submitting
	var formData = new FormData($(this)[0]);
   $.ajax({
		type: "POST",
		url: "ajaxFunc.php",
		data: formData,
		processData: false, //Not to process data
        contentType: false, //Not to set contentType
		success: function (data) {
			alert(data);
		}
    });
  });
 

  $('#provinces').change(function() {
    var id_province = $(this).val();

      $.ajax({
      type: "POST",
      url: "ajaxFunc.php",
      data: {id:id_province,function:'provinces'},
      success: function(data){
          $('#amphures').html(data); 
          $('#districts').html(' '); 
          $('#districts').val(' ');  
          $('#zip_code').val(' '); 
      }
    });
  });

  $('#amphures').change(function() {
    var id_amphures = $(this).val();

      $.ajax({
      type: "POST",
      url: "ajaxFunc.php",
      data: {id:id_amphures,function:'amphures'},
      success: function(data){
          $('#districts').html(data);  
      }
    });
  });

   $('#districts').change(function() {
    var id_districts= $(this).val();

      $.ajax({
      type: "POST",
      url: "ajaxFunc.php",
      data: {id:id_districts,function:'districts'},
      success: function(data){
          $('#zip_code').val(data)
      }
    });
   });

 });
</script>