Trigger Event on Text box Value change
Question
I want execute the alert inside the $("#address").change function , but that needs to be done only if the the value is changed using the button .
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$('button').click(function(){
$("#address").val("hi")
})
$("#address").change(function(){
alert("The text has been changed.");
});
});
</script>
</head>
<body>
<input type="text" id="address">
<button>Click</button>
</body>
</html>
3 answers
solution1
8 ACCPTED 2014-03-26 06:28:23
You can trigger change event in click function:
$('button').click(function(){ $("#address").val("hi") $("#address").change(); //or $("#address").trigger("change"); }); $("#address").change(function(){ alert("The text has been changed."); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input id="address" type="text"> <button>Change</button>
solution2
0 2014-03-26 06:29:32
Trigger the change event like this:
$('button').click(function(){
$("#address").val("hi")
$("#address").trigger('change');
});
$("#address").change(function(){
alert("The text has been changed.");
});
solution3
0 2014-03-26 06:46:55
If you want the alert on #address change only when the button is clicked and not when changing the #address value manually:
var textChangedHandler = function() {
alert("The text has been changed.");
};
$('button').click(function(){
// Attach event handler for 'change' to #address
$("#address").bind("change", textChangedHandler);
// Update #address value
$("#address").val("hi");
// Trigger 'change'
$("#address").trigger('change');
// Remove event handler for 'change' from #address
$("#address").unbind("change", textChangedHandler);
});
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
How to Trigger event to change value in Input Box?
On Key press cancel change event of text box and on button click trigger change event of text box jquery
How to set value to select box and trigger change event
Trigger the change of text in text box
trigger select box event using option text not option value in jquery
onchange event of text box not working if i change text value dynamically
Do setting selected value of a select box trigger change event of the select list?
Change select box value text
Jade: text box change the value = “ …”
javascript/jquery trigger a text change event on a textarea
Related Tags