Как добавить событие onchange на ajax?

Question

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#btn").click(function() { 
     var val = "Hi"; 
     $.ajax ({ 
      url: "1.php?id", 
      data: { id : val } 

     }); 
    }); 
}); 
</script> 

<form name="numbers" id="numbers"> 
    <input type="text" name="id" id="btn"> 
<input type="text"> 
</form> 

Этот код предназначен для события click, но я хочу, чтобы событие onchange, например, по выбору. Может ли кто-нибудь предложить мне, как добавить событие onchange в этот код ajax? Заранее спасибо.

Answer 1

$(document).ready(function(){ 
    $("#btn").on("change", function() { 
     var val = "Hi"; 
     $.ajax ({ 
      url: "1.php?id", 
      data: { id : val } 

     }); 
    }); 
}); 

Answer 2

<input type="text" name="id" id="btn" onchange="ajaxfunction()" /> 

<script> 
function ajaxfunction() 
{ 
    enter ajax code here 
} 
</script> 

Answer 3

Вы можете попробовать использовать KeyUp как так.

$(document).ready(function() { 
    $("#btn").keyup(function() { 
     var val = $(this).val(); 
     $.ajax({ 
      url: "1.php?id", 
      data: { id: val } 

     }); 
    }); 
});