`
huangshanghua
  • 浏览: 56962 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

在页面中输入相关的条件来过滤当前页面的数据

    博客分类:
  • JS
 
阅读更多
根路径:<input type="hidden" id="pageContex"  value="${base}"/>
条件筛选:<input class="textinput" id="filterName" style="width:250px;"/>

$(document).ready(function(){
pageContex=$("#pageContex").attr("value");//获取根路径
$("#filterName").keyup(function(){
var content = $(this).val();
var contentArr = content.split(",");
var contentValue = "";
for(var i = 0;i < contentArr.length;i++){
contentValue += ":contains('"+contentArr[i]+"'),"; //contains包含
}

contentValue = contentValue.substring(0,contentValue.length-1);
    $("#sendInvoiceTable tr[id='tableStr']")
.hide()
.filter(contentValue)
.show();
    $("#count").html("条目总数:  "+$("#sendInvoiceTable tr[id='tableStr']").filter(contentValue).length);
}).keyup();
});


  • 大小: 43.6 KB
分享到:
评论

相关推荐

    页面内容的选择过滤方法

    在IT行业中,页面内容的选择过滤方法是Web开发中的一个重要概念,尤其在大数据量展示和用户交互性提升方面。本主题主要关注如何通过JavaScript技术来实现这一功能,这可以从提供的两个文件——`testTable1.html`和`...

    DIV弹出层+JS条件过滤

    在网页开发中,"DIV弹出层+JS条件过滤"是一种常见的交互设计技术,用于提升用户体验和增强数据筛选效率。这种技术结合了HTML的层(Layer)概念、CSS的样式控制以及JavaScript的动态功能,实现了在用户输入时即时对...

    js页面输入查询组件

    在本主题"js页面输入查询组件"中,我们主要讨论的是如何利用JavaScript实现在网页上实时搜索的功能,即用户在输入框中输入文字时,页面能即时展示与输入相匹配的结果。 这种功能在现代Web应用中非常常见,例如搜索...

    Jquery即时页面刷新过滤器示例

    在处理函数中,我们可以获取输入框的当前值,然后遍历表格中的每一行,使用`.filter()`方法根据输入内容过滤行。例如: ```javascript $('input[type="text"]').on('keyup', function() { var searchText = $(this...

    数据过滤对系统安全的必要性及过滤示例

    本文将通过一个具体的案例——靶机平台上的OS命令注入练习页面,来探讨如何通过适当的数据过滤措施提高系统的安全性。 #### 入口数据过滤的重要性 在实际应用中,许多攻击行为都源自于未经验证或过滤的用户输入。...

    页面下拉选单动态过滤的js实现

    动态过滤是一种常见的网页功能,特别是在数据量较大的列表中,用户可以通过输入关键字或选择条件来实时筛选和展示所需信息。本话题将深入探讨如何使用JavaScript实现页面下拉选单的动态过滤功能。 首先,我们从...

    微信小程序自定义下拉框实现根据输入过滤下拉项.zip

    在微信小程序中,自定义下拉框并实现根据输入实时过滤下拉选项是一项常见的功能,尤其在用户需要从大量数据中快速选择时。这个功能提高了用户体验,使得交互更加直观和高效。下面我们将深入探讨如何在微信小程序中...

    MVC3之JQuery高级过滤数据源码

    1. **创建视图(View)**:在Razor视图中,我们需要创建一个表或网格来显示数据,并设置一个输入字段,用户可以在其中输入过滤条件。同时,需要为输入字段添加jQuery事件监听器,例如`keyup`事件。 2. **编写jQuery...

    ExtJS Filter 实现表格过滤

    为了避免这种情况,可以采用分页加载和服务器端过滤,只加载当前页面所需的数据,并在服务器端执行过滤操作。 ### 示例代码 ```javascript Ext.create('Ext.grid.Panel', { store: myStore, // 数据存储 columns...

    layui表格 可搜索过滤 可分页

    用户可以在输入框中输入关键词,表格会自动过滤出匹配的数据。可以通过监听`search`事件,自定义搜索逻辑: ```javascript table.on('search(table)', function(obj){ // obj.searchValue 即为当前输入的搜索值 ...

    Easyui Datagrid 实现行过滤[模糊查询]

    在实际项目中,我们经常需要根据用户输入的关键字对数据进行实时过滤,这就是所谓的“行过滤”。而“行模糊查询”则是在过滤的基础上,允许用户输入部分关键字,系统自动匹配并显示包含这些关键字的数据行,增强了...

    一个含有列过滤的自定义翻页的GridView扩展控件

    2. **处理过滤事件**:在列过滤元素(如文本框)的`TextChanged`事件中,获取用户的过滤条件,然后在后端对数据源执行筛选操作。 3. **自定义分页逻辑**:在分页按钮点击事件中,计算出当前页的数据范围,更新...

    easyui Datagrid 数据列表比较上一个上传的增加了超链接并传值、条件清空、日期控件清空和数据修改功能

    用户在搜索或过滤数据后,有时需要清除已输入的条件以恢复初始数据列表。为此,可以在Datagrid旁边添加一个“清空”按钮,通过调用`datagrid('clearFilter')`方法来移除所有过滤条件,使Datagrid显示全部数据。 3....

    jquery实现input搜索输入关键词后自动筛选相关信息效果

    在本教程中,我们将深入探讨如何利用jQuery来实现一个搜索输入框的功能,当用户在input框中输入关键词时,能自动筛选并显示与之匹配的相关信息。 首先,我们需要在HTML中设置一个input元素作为搜索框,并且定义一个...

    vue实现前台列表数据过滤搜索、分页效果

    具体的方法可能包括:在组件的data函数中定义当前页码和每页显示的数据量,在方法中定义获取数据时的分页逻辑,然后使用`v-for`渲染分页后的数据,并提供上一页、下一页等分页控制按钮。 以上就是该文档所介绍的...

    像百度一样 文本框输入文本后提示相关信息

    标题中的“像百度一样 文本框输入文本后提示相关信息”是指实现一个搜索或者输入功能,当用户在文本框中输入文字时,系统能够实时显示与输入内容相关的建议或信息,这种技术通常被称为自动补全(Autocomplete)或者...

    htmlparser实现从网页上抓取数据

    - `void visitAllNodesWith(NodeVisitor visitor)`:使用给定的访问者遍历当前页面的所有节点。 - `HtmlPage(Parser parser)`:代表一个HTML页面,提供了许多方便的方法来操作页面内容。 4. **页面内容操作**: ...

    过滤敏感词及无刷新分页

    在IT行业中,分页和敏感词过滤是两个重要的技术领域,尤其在网页开发和数据管理中扮演着关键角色。下面将分别对这两个知识点进行详细解释。 首先,让我们谈谈"无刷新分页"。在Web应用中,传统的分页通常会通过页面...

    使用DHTMLX网格过滤数据:复杂的过滤器和性能

    在DHTMLX Grid中,数据过滤是指用户根据特定条件筛选表格中的数据,只显示满足条件的行。这在大数据量的表格中尤其有用,帮助用户快速定位到他们关心的信息。 DHTMLX Grid支持多种过滤类型,包括简单的文本、数字、...

    让你看到的每个jsp页面都可以像word文档一样

    通过在浏览器的地址栏输入特定的JavaScript代码,可以临时将当前页面的元素(尤其是`&lt;body&gt;`部分)设置为可编辑。这段代码是: ```javascript javascript:document.body.contentEditable='true'; document....

Global site tag (gtag.js) - Google Analytics