JavaScript实现动态查询表格

最新推荐文章于 2022-07-15 00:56:49 发布

张_锋

最新推荐文章于 2022-07-15 00:56:49 发布

阅读量1.7k

点赞数

分类专栏： Web开发网页设计文章标签： javascript function table border action java

本文链接：https://blog.csdn.net/sunshinestation/article/details/3986162

版权

Web开发同时被 2 个专栏收录

46 篇文章 0 订阅

订阅专栏

网页设计

25 篇文章 0 订阅

订阅专栏

JavaScript实现的一个动态查询表格，随着文本框中资料的改变，下边Table中的资料会自动筛选。

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="cache-control" content="no-cache, must-revalidate"> <mce:script type="text/javascript"></mce:script> </head> <body> <form action=""> <div style="width: 294px; height: 25px; overflow: auto; font-size: 8pt;">Selector : <input type="text" id="txtModel" name="txtModel" maxlength="25" size="25" οnkeydοwn="if (event.keyCode==13) return false;" οnkeyup="changeModel(this);" style="font-size: 8pt;text-transform: uppercase;"> <label id="lblMessage"></label></div> <div style="width: 294px; height: 375px; overflow: auto;"> <table id="tblResult" style="font-size: 8pt;" mce_style="font-size: 8pt;" cellpadding="0" cellspacing="0" border="1" width="100%" bordercolor="#FFFFAA"> <tr> <td>Title</td> </tr> <mce:script type="text/javascript"></mce:script> </table> </div> </form> </body> </html>