2016-09-29 46 views
0

触发,只要我输入我的家庭ID即可。它会加载记录和输入ID chli_hh_id也将被填充。并且如果输入#cli_hh_id已填充。在href =”不被触发。好心帮请..谢谢:)关于更改事件不会通过ajax php

这里是我的输入文本框。

    <input type="text" id = "hh_id" name = "hh_id" placeholder="Please enter Household ID" class = "form-control" href="<?=base_url('location/hh_members')?>"> 
       <input type="text" id = "cli_hh_id" name = "cli_hh_id" class = "form-control" href="<?=base_url('location/cli_hh')?>"> 

这里是关于#hh_id我的js。这里没有任何问题。

$(document) 
.on('change', '#hh_id', function(){ 

    var hh_id = this.value; 
    $.ajax({ 
     url: $(this).attr('href') + '/' + hh_id, 
     dataType: 'json', 
     success:function(data){ 
      console.log(data); 
      var html = ""; 
      for (var i = 0; i < data.length; i++) { 
       html += "<option data-cli_hh_id = '"+data[i].cli_hh_id+"' data-entry_id = '"+data[i].entry_id+"' data-my_name = '"+data[i].my_name+"' data-sex = '"+data[i].sex+"' data-brgy = '"+data[i].brgy+"' data-muncity = '"+data[i].muncity+"' data-province = '"+data[i].province+"' data-region = '"+data[i].region+"' value='"+data[i].value+"'>"+data[i].value+"</option>"; 
      }; 
      $('#full_name').html(html); 
     } 
    }); 
}); 

这是我遇到我的问题,这是不被触发时,它有它的价值。:(

$(document) 
.on('change', '#cli_hh_id', function(){ 
alert('Is this loading?'); 
    var cli_hh_id = this.value; 
    $.ajax({ 
     url: $(this).attr('href') + '/' + cli_hh_id, 
     dataType: 'json', 
     success:function(data){ 
      console.log(data); 
      var html = ""; 
      for (var i = 0; i < data.length; i++) { 
       html += "<p>"+ data[i].key + " " + data[i].value+"</p>"; 
      }; 
      $('#cli_household').html(html); 
     } 
    }); 
}); 

回答

0

变更低于[非强制性]如前所述行

$('#hh_id').change(function() { ... }); 

$('#cli_hh_id').change(function() { ... }); 

然而,这一事件只会当选择已经失去焦点,所以你需要点击其他地方来触发该功能火灾。

或者,您可以使用其他jQuery events如键控,keydown或按键 - 取决于您想要的确切效果。