input搜索筛选\过滤列表

一时失言乱红尘 2022-06-16 13:47 247阅读 0赞

<!DOCTYPE html >

< html  lang= "en" >

< head >

< meta  charset= "UTF-8" >

< meta  name= "viewport"  content= "width=device-width, initial-scale=1.0" >

< meta  http-equiv= "X-UA-Compatible"  content= "ie=edge" >

< title >input筛选\\过滤列表 </ title >

< script src= "jquery-1.11.1.min.js" ></ script >

</ head >

< body >

< input type= "text" class= "filterinput" >

< ul  class= "role00" ></ ul >

< script >

var Controller=\{

"filterList" : function( input, list) \{

/\*var form = $("<form>").attr(\{"class":"filterform","action":"\#"\}),

input = $("<input>").attr(\{"class":"filterinput","type":"text"\});

$(form).append(input).appendTo(header);\*/

$( input). change( function () \{

var filter = $( this). val();

if( filter) \{

$matches = $( list). find( 'a:Contains(' \+ filter \+ ')'). parent();

$( 'li', list). not( $matches). slideUp();

$matches. slideDown();

\} else \{

$( list). find( "li"). slideDown();

\}

return false;

\}). keyup( function () \{

$( this). change();

\});

\},

\};

/\*用法\*/

//搜索过滤器功能

jQuery. expr\[ ':'\]. Contains = function( a, i, m)\{

return ( a. textContent || a. innerText || ""). toUpperCase(). indexOf( m\[ 3\]. toUpperCase())>= 0;

\};

Controller. filterTable( ".filterinput", ".role00");

</ script >

</ body >

</ html >

发表评论取消回复

表情：

评论列表（有 0 条评论，247人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery列表的过滤示例

jquery列表的过滤示例代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//

浅浅的花香味﹌/ 2022年08月27日 14:56/ 0 赞/ 158 阅读

相关 jquery中的数组过滤筛选-$.grep()

jquery中有个grep()方法用于数组元素过滤筛选，悲剧的是，平时我们用的api文档中找不到这个说明。[查看官方说明][Link 1] grep()的使用方法： gr

爱被打了一巴掌/ 2022年07月16日 14:52/ 0 赞/ 185 阅读

相关 input搜索框

主要是实现input搜索框输入内容的时候，删除文字的按钮出现和在搜索框内搜索内容输入完毕之后按回车直接进行搜索两个功能。输入内容删除按钮出现，内容删除完毕删除按钮隐藏

太过爱你忘了你带给我的痛/ 2022年07月13日 13:50/ 0 赞/ 214 阅读

相关 input搜索筛选\过滤列表

<!DOCTYPE html > < html lang= "en" > < head > < meta charset= "UTF-8" > < meta na

一时失言乱红尘/ 2022年06月16日 13:47/ 0 赞/ 248 阅读

相关过滤筛选

技术分享：[http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/angular-filter-learn-1/]

矫情吗；*/ 2022年06月05日 00:45/ 0 赞/ 277 阅读

相关 python列表过滤技巧

问题：有一个列表，a = \['a', 'b', '\\n ', 'c', '\\n ', 'd'\]，要求一句话输出\['a', 'b', 'c', 'd'\] 一句话

痛定思痛。/ 2022年05月28日 12:55/ 0 赞/ 211 阅读

相关 layui input框列表显示默认历史搜索记录

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhp

淡淡的烟草味﹌/ 2022年04月24日 15:56/ 0 赞/ 363 阅读

相关基于业务对象(列表)的筛选

基于业务对象的筛选引言可能大家对SQL语句太过熟悉了，也可能虽然已经从Asp过度到了Asp.Net时代，但是Asp的观念没有发生太大变化。结果就是我们将应用程序

小咪咪/ 2022年01月05日 17:41/ 0 赞/ 192 阅读

相关 jq filter对象过滤、筛选

var data= this.djmxListData.filter(function(item){ return item.fklx == "0";

忘是亡心i/ 2021年11月27日 02:36/ 0 赞/ 298 阅读

相关ｕｎｉｔｙ＋搜索筛选（包含模糊搜索）

using System.Collections; using System.Collections.Generic; using UnityEngine; usi

短命女/ 2021年11月05日 08:58/ 0 赞/ 423 阅读