分享

Input框内容改变触发事件,实现表格动态模糊查询

 hncdman 2022-11-23 发布于湖南

通过给查询框添加绑定事件,实现BootStrap中输入值变化后自动查询并刷新数据,不需要点击查询按钮。

踩坑记录

$("#input").change(function(){

    //要实现的操作

});

这种方式下只有当input框失去焦点后才会触发,不能达到理想的效果。

最终实现

$("#input").bind("input propertychange",function(){

    //要实现的操作

});

完整测试代码

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html>

<head>

    <title>测试</title>

    <script type="text/javascript" src="Js/jquery-3.4.1.js"></script>

    <script>

        $(function () {

            /*$("[name=inputText]").change(function () {

                $("[name=respText]").val($(this).val());

            });*/

            $("[name=inputText]").bind("input propertychange",function () {

                $("[name=respText]").val($(this).val());

            });

        });

    </script>

</head>

<body>

<input type="text" name="inputText" placeholder="输入内容">

<input type="text" name="respText" placeholder="响应内容">

</body>

</html>

————————————————

版权声明:本文为CSDN博主「Zhi鹤」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/zh137289/article/details/107432730

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约