This is my code:
<input type="text" id="x">
$(document).ready(function(){
$("#x").onchange(function(){
alert("x");
})
});
But id doesn't work. What is problem?
4 Answers
change this:
$("#x").onchange
to this:
$("#x").change
There is a .on() listner, so this can also be used:
$("#x").on('change', function(){
alert("x");
})
You have a jQuery object and you have to bind the jQuery methods only. And change event on input[type=text] works when you off the focus out of it.
3 Comments
Akshay Khandelwal
the OP would still need to focus out of the textbox in order to get this working?
Jai
@AkshayKhandelwal seems due to error, nothing was happening, this should work. Although you are also correct, OP has to put focus out of the input to get it working.
Toby
OP did not ask to trigger change on keypress.
Use .change() event instead of .onchange() event in jquery.
$(document).ready(function(){
$("#x").change(function(){
alert("x");
})
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<input type="text" id="x">
Comments
Because onchange is javascript. In jquery it's change
$("#x").change(function(){
alert("x");
})
or
$("#x").on('change',(function(){
alert("x");
})
But to trigger it you should change focus
Comments
$.onchange is not a function. You are getting confused between native JavaScript, which allows
<input onchange="doSomething()"/>
and jQuery, which requires
$(selector).on("change",function(){...});
The correct function is $.on(event) where event is a string. In this case you need
$("#x").on("change",function(){..});
Comments
keyupinstead ofonchangeevent.onchangeis event of javascript. Change event in jquery is.change