zoukankan      html  css  js  c++  java
  • 搜索框自动检索

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>struts</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">

    </head>

    <body>
    名字:<input id="seach" />
    <br/><br/>
    <div id="div"></div>

    <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
    <script type="text/javascript">
    var user=[{"id": 1, "name": "张三","age":"25"},
    {"id": 2, "name": "李四","age":"35"},
    {"id": 3, "name": "王五","age":"20"}];
    $(document).ready(function() {
    var seach = $("#seach");
    seach.keyup(function (event) {
    var seachText = $("#seach").val();
    if (seachText != "") {
    var tab = "<div>查询结果:</div>";
    $.each(user, function (id, item) {
    if (item.name.indexOf(seachText) != -1) {
    tab += "<div>"+ item.name + "</div>";
    }
    });
    tab += "</table>";
    $("#div").html(tab);
    tab = "<div>123</div>";
    } else {
    $("#div").html("");
    }
    });
    })
    </script>
    </body>
    </html>
  • 相关阅读:
    vi/vim 文字处理器常用命令
    图片在容器里水平垂直居中
    谁的属性值优先被访问
    创建对象和实例
    碎碎念css
    未整理js
    表格<table>
    盒子模型
    Css文件目录结构
    链接文字<a>保持原有的字体颜色
  • 原文地址:https://www.cnblogs.com/zcboy/p/7210113.html
Copyright © 2011-2022 走看看