如何发布Jquery Ajax当隐藏的输入值发生变化时

时间:2017-06-24 05:55:23

标签: javascript jquery html ajax

如果隐藏的输入值发生变化,如何发布AJAX请求? 由于Jquery自动完成,隐藏输入中的值始终会更改。 我试过$("#id_pt_asal").change(function(event){,但没有在控制台日志上发帖。 有什么方法可以做到吗?

这里的HTML

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

这里是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();
  });
});

1 个答案:

答案 0 :(得分:0)

首先需要获取Jquery自动完成元素。我假设你的jquery自动完成输入给定id为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
   });
});