【问题标题】:How to add onchange event on ajax?如何在ajax上添加onchange事件?
【发布时间】:2015-02-02 12:02:13
【问题描述】:
<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 事件,例如选择选项。有人可以建议我如何在这个 ajax 代码上添加 onchange 事件吗?提前谢谢你。

【问题讨论】:

标签: javascript html ajax


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

        });
    });
});

【讨论】:

    【解决方案2】:
    <input type="text" name="id" id="btn" onchange="ajaxfunction()" />
    
    <script>
    function ajaxfunction()
    {
        enter ajax code here
    }
    </script>
    

    【讨论】:

    • 始终尝试添加对您所做工作的简要说明。
    【解决方案3】:

    你可以尝试像这样使用keyup。

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2018-11-13
      • 1970-01-01
      • 2010-11-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-10-16
      相关资源
      最近更新 更多