javascript 如何在ajax上添加onchange事件？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/28277347/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
提示：将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间：2020-10-28 08:42:38 来源:igfitidea点击:
How to add onchange event on ajax?
提问by learner
<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.
此代码用于单击事件，但我想要 onchange 事件，例如选择选项。有人可以建议我如何在此 ajax 代码上添加 onchange 事件吗？先感谢您。
回答by Hirav Sampat
$(document).ready(function(){
$("#btn").on("change", function() {
var val = "Hi";
$.ajax ({
url: "1.php?id",
data: { id : val }
});
});
});
回答by Harkály Gerg?
<input type="text" name="id" id="btn" onchange="ajaxfunction()" />
<script>
function ajaxfunction()
{
enter ajax code here
}
</script>
回答by Peter morild
You can try using keyup like so.
您可以尝试像这样使用 keyup。
$(document).ready(function () {
$("#btn").keyup(function () {
var val = $(this).val();
$.ajax({
url: "1.php?id",
data: { id: val }
});
});
});
