Jquery onchange不能正常工作

Question

<script> 
$(document).ready(function(){ 
    $("#customer").autocomplete("barcode.php", { 
     selectFirst: true 
    }); 
}); 
</script> 
<script> 
$(document).ready(function() { 
    $("#customer").change(function (e) { 
    var item = $("#customer").val(); 
    $.post("add", {"data[Sales][item]": item }, function (data) { 
     $('#details').html(data); 
     });});  
}); 
</script> 
<input type="text" id='customer' name="data[Sales][customer]" class="input-small focused" autocomplete='off'> 
       <div id='details'></div> 

自動完成工作正常。在更改不能正常工作。如果我沒有通過autocomplte選擇輸入所有文本，那麼onchange腳本正在工作。如果我選擇槽自動完成，然後我按Tab鍵，然後onchange不起作用。它沒有顯示任何結果。

Answer 1

使用.keypress而不是改變

See documentation of keypress

Answer 2

您可以按以下使用：

$("#customer").autocomplete("barcode.php", { 
    selectFirst: true, 
    select: function(e, ui) { 

         alert("selected!"); 
         }, 

         change: function(e, ui) { 

          alert("changed!"); 
         } 
}); 
    $.post("add", {"data[Sales][item]": item }, function (data) { 
     $('#details').html(data); 
    }); 

Answer 3

VAR項目= $（ 「＃客戶」）VAL（）; --->改變這裏..就是這樣。

Answer 4

如果您正在使用jQuery自動完成插件，然後利用其onChange method

例。

$(".selector").autocomplete({ 
    selectFirst: true, 
    change: function(event, ui) { 
     var item = $("#select01").val(); 
     $.post("add", {"data[Sales][item]": item }, function (data) { 
      $('#details').html(data); 
     }); 
    // Add more code here! 
    } 
    });