如何在ajax上添加onchange事件？

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>

這段代碼用於單擊事件，但是我想要onchange事件，如on select選項。 有人可以建議我如何在此ajax代碼上添加onchange事件嗎？ 先感謝您。

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 }

        });
    });
});