input搜索筛选\过滤列表

一时失言乱红尘 2022-06-16 13:47 252阅读 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 条评论，252人围观）

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

相关阅读

相关 HTML下拉搜索，select筛选搜索

html5 自带搜索功能 <input list="browsers" name="xzcid"> <datalist id="browsers">

叁歲伎倆/ 2023年10月06日 18:16/ 0 赞/ 17 阅读

相关 Vue-列表过滤

列表过滤对已知的列表进行数据过滤(根据输入框里面的内容进行数据过滤) 编写案例通过案例来演示说明 ![在这里插入图片描述][7dd7d1a4599a4227

落日映苍穹つ/ 2023年09月26日 22:22/ 0 赞/ 100 阅读

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

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

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

相关 input搜索框

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

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

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

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

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

相关过滤筛选

技术分享：[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 赞/ 284 阅读

相关 python列表过滤技巧

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

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

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhp

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

相关 jq filter对象过滤、筛选

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

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

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

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

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