selectbox 아약스를 클릭하고 보내주세요

나는 selectbox이며 데이터는 아약스로 보냅니다. 이 HTMLselectbox 아약스를 클릭하고 보내주세요

<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 항상 dinamic로 변환합니다. 그래서 내가 다시 selectbox 데이터를 선택해야합니다. 내가 click 또는 change을 사용하면 아약스를 보낼 수 없습니다. 그것을 해결하는 방법?

출처

2016-10-12 wawan Setiyawan

하십시오 ** 순차 ** HTML 코드를. '

선택 드롭 다운 당신이 onchange 기능을 시도해야합니다.

<script type="text/javascript"> 
    $("#kode_hanca").on("change", 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>

출처

2016-10-12 09:11:20

이 시도 :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script type="text/javascript"> 
function changeSelect() { 
    $.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 id="kode_hanca" onClick="changeSelect(this.selectedIndex);" name="id_vendor_detail[]" class="target form-control vendor" required=""> 
<option value="">- PILIH -</option> 
</select>

출처

2016-10-12 09:48:44 Suraj

selectbox 아약스를 클릭하고 보내주세요

관련 문제