selectboxクリックして送信ajax

Question

私はselectboxを持っており、データはajaxで送信します。このHTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="kode_hanca" onchange="showModel(this)" name="id_vendor_detail[]" class="form-control vendor" required=""> 
 
            <option value="">- PILIH -</option> 
 
            <script> 
 
             $("select#kode_hanca").on("click", function() { 
 
              $.ajax({ 
 
               type: "POST", 
 
               url: "vendor_inout/vendor_inout_crud.php", 
 
               dataType: 'json', 
 
               data: {type: "get_kode_hanca"}, //get_kode_hanca 
 
               success: function (data) { 
 
                console.log(data); 
 
                var teks = ""; 
 
                $.each(data.kode_hanca, function (index, val) { //looping table detail bahan 
 
                 var id_vendor_detail = val.id_vendor_detail; 
 
                 var kode_hanca = val.kode_hanca; 
 

 
                 teks += "<option class='target_append' value='" + id_vendor_detail + "'>" + kode_hanca + "</option>"; 
 
                }); 
 
                $("#kode_hanca:last").append(teks); 
 
               } 
 
              }); 
 
             }); 
 
            </script> 
 
           </select>

データはJSONと常に動のに変換されます。だから私はすべてselectboxデータを再度ロードする必要がありますを選択します。私がclickまたはchangeを使用して、Ajaxを送信できない場合。どのようにそれを解決するには？