Jquery AjaxをPOSTする方法隠し入力値が変更されたとき

Question

隠された入力値が変更されたときにAJAX要求を投稿する方法は？ Jqueryオートコンプリートのため、非表示入力の値は常に変更されます。 私は$("#id_pt_asal").change(function(event){を試しましたが、コンソールログには何も載せませんでした。 これを行う方法はありますか？ここで

ここでHTML

<input type="hidden" name="id_pt_asal" id="id_pt_asal" value="" /> 

あなたはjQueryのオートコンプリートの要素を取得する必要がありますAJAXスクリプト

$(document).ready(function() { 
    $("#id_pt_asal").change(function(event) { 
    var formData = { 
     'id_pt_asal': $('input[name=id_pt_asal]').val() 
    }; 

    $.ajax({ 
     type: 'POST', 
     url: '<?=base_url()?>akademik/prodi_pindah', 
     data: formData, 
     dataType: 'json', 
     encode: true 
    }) 
    .done(function(data) { 
     console.log(data); 
     if (data.hasil_prodi == true) { 
     $("#id_prodi_asal").html(data.html); 
     } 
    }) 

    event.preventDefault(); 
    }); 
}); 

Answer 1

最初のもの。私はあなたのjqueryオートコンプリート入力は、与えられたと仮定するtxt

$(document).ready(function(){ 
    $("#txt").on("keypress",function(){ 
     //$("#id_pt_asal").val($(this).val()); 
     $("#id_pt_asal").trigger('change'); 
    }); 
    $("#id_pt_asal").on("change",function(event){ 
    console.log(event); 
    //ajax call 
    }); 
});