单击选择下拉列表以调用ajax

Question

当我用select2单击下拉列表时，调用ajax时遇到问题。 这是我的HTML代码：

//call ajax when select button do click
function showAjax() {
    $.ajax({
      type: "POST",
      url: "hanca/hanca_crud.php",
      dataType: 'json',
      data: {
        type: "get_hanca"
      }, //get_kode_hanca dan nama model serta jumlahnya
      success: function(data) {
        console.log(data);
        var teks = "";
        $.each(data, function(index, val) { //looping table detail bahan
          var id_hanca = val.id_hanca;
          var nama_model = val.nm_model;
          var sisa = val.jumlah_hanca;

          teks += "<option value='" + id_hanca + "'>" + nama_model + " - " + id_hanca + " - [sisa " + sisa + " Pcs]" + "</option>";
        });
        $(".id_hanca").append(teks);
      }
    });

  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<select onchange="anotherAjax(this)" onclick="showAjax" name="id_hanca[]" class="form-control id_hanca" required="">
  <option value="">- SELECT</option>
</select>

这可能吗？