How to add onchange event on 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>

This code is for click event but i want onchange event like on select option. Can anybody suggest me how to add onchange event on this ajax code? Thank you in advance.

Search here: http://api.jquery.com/category/events/ – yunzen Feb 02 '15 at 12:03 — yunzen, Feb 02 '15 at 12:03
Where is `select` and `option`? – Manwal Feb 02 '15 at 12:03 — Manwal, Feb 02 '15 at 12:03

score 2 · Answer 1 · answered Feb 02 '15 at 12:04

2

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

        });
    });
});

answered Feb 02 '15 at 12:04

Hirav Sampat

196
1
11

score 1 · Answer 2 · answered Feb 02 '15 at 12:24

1

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

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

answered Feb 02 '15 at 12:24

Harkály Gergő

733
8
18

Always try to add a brief explanation of what you do. – ianaya89 Feb 02 '15 at 13:38

score 0 · Answer 3 · answered Feb 02 '15 at 12:25

0

You can try using keyup like so.

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

        });
    });
});

answered Feb 02 '15 at 12:25

Peter morild

1

How to add onchange event on ajax?

3 Answers3