18910140161

HTML5和jQuery实现搜索智能匹配的功能

顺晟科技

2021-06-16 10:28:35

282

绿筠小姐:

!DOCTYPEhtml

超文本标记语言格式

headlang='en '

metharset=' UTF-8 '

metaname='author'content='dony '

meta http-equiv=' cache-control ' content=' no cache '

meta http-equiv=' pragma ' content=' no cache '

元名称='渲染器'内容=' WebKit '

meta http-equiv=' content-type ' content=' text/html;charset=utf-8

meta http-equiv=' x-ua-compatible ' content=' ie=edge,chrome=1 '

meta name=' view ' content=' width=device-width,initial scale=1,maximum scale=1,user-scalable=no,minimum-ui '

标题ny/标题(标题)

link rel=' style sheet ' href=' http://API。蜗牛般的爱。com/cloud music/static/CSS/bootstrap。量滴' CSS ' rel='外部nofollow '

styletype='text/css '

p,li,ul {毛利33600;33300填充;}

ulli {列表样式:无;}。基本-灰色{宽度:600像素利润33635%;}。基本灰色。公司{相对位置:}。基本灰色。同伴{相对位置:高度:210像素宽度:;溢出-y :汽车;边界:1 pxsolid#ddd:无显示器;}。基本灰色。同伴{填充33336 px 12px}。基本灰色公司Alli 3330悬停{ background-color 3330 # beber游标:指针;}。基本灰色。公司合伙人。top {位置:;前33600名;}

/style

/head

体表

pclass=' g容器'

地层=' '类='基本灰色'

pcclass=' form-group '

标签为='姓氏' class='控制标签'

吴亚玲!吴亚玲:

/label

pclass='公司'

input class=' form-control ' type=' text ' placeholder='id=' js-GrouP id '

inputtype='hidden'id='groupId '

舒利='groupid '

lidata-id=' 827 ' ahef=' JavaScript 3330 void(0)' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel '嗨嗨嗨嗨嗨嗨嗨嗨嗨嗨页:1

lidata id=' 826 ' ahef=' JavaScript 3330 void(0)' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel '我的天啊!我的天啊!我的天啊!我的天啊!我的天啊!我的天啊!我的天啊!我的天啊!我的天啊!我的天啊!我的天啊!我的天啊!我的天啊!我的天啊页:1

lidata-id=' 825 ' ahef=' JavaScript 3330 void(0)' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel '老陈测试/a/li

lidata id=' 824 ' ahef=' JavaScript 3330 void(0)' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel '我的天啊!我的天啊!我的天啊!我的天啊!我的天啊!我的天啊!我的天啊!我的天啊!我的天啊!我的天啊!我的天啊!我的天啊!我的天啊!我的天啊!我的天啊页:1

lidata-id=' 823 ' ahef=' JavaScript 3330 void(0)' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel '我的天啊!我的天啊!我的天啊!我的天啊!我的天啊!我的天啊!我的天啊!我的天啊!我的天啊!我的天啊!我的天啊!我的天啊!我的天啊!我的天啊!我的天啊页:1

lidata-id=' 815 ' ahef=' JavaScript 3330 void(0)' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel ' rel '你看,你看,你看,你看,你看,你看,你看,你看,你看,你看,你看,你看,你看,你看,你看,你看,你看,你看,你看,你看,你看,你看,你看,你看,你看,你看,你看,你看,你看,你看,你看页:1

lidata id=' 814 ' ahef=' JavaScript 3330 void(0)' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel '是范仲淹还是范仲淹页:1

lidata-id=' 813 ' ahef=' JavaScript 3330 void(0)' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel '不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不页:1

lidata-id=' 812 ' ahef=' JavaScript 3330 void(0)' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel '嗨嗨嗨嗨嗨嗨嗨嗨页:1

lidata-id=' 811 ' ahef=' JavaScript 3330 void(0)' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel '是朱庇特朱庇特朱庇特朱庇特页:1

lidata-id=' 810 ' ahef=' JavaScript 3330 void(0)' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel '鲁仲尼鲁仲尼页:1

lidata-id=' 809 ' ahef=' JavaScript 3330 void(0)' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel '你好吗页:1

lidata-id=' 808 ' ahef=' JavaScript 3330 void(0)' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel '我的天啊页:1

lidata id=' 807 ' ahef=' JavaScript 3330 void(0)' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel '我的天啊页:1

lidata-id=' 806 ' ahef=' JavaScript 3330 void(0)' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel '哥哥哥哥哥哥哥哥哥哥哥哥哥哥哥哥哥哥页:1

lidata-id=' 805 ' ahef=' JavaScript 3330 void(0)' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel ' rel '哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟页:1

lidata-id=' 804 ' ahef=' JavaScript 3330 void(0)' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel '朱力安?朱力安(十九号哎)/a/li

lidata-id=' 803 ' ahef=' JavaScript 3330 void(0)' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel '你好你好页:1

lidata-id=' 802 ' ahef=' JAVAScript 3330 void(0)' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel ' rel ' rel什么事页:1

lidata-id=' 801 ' ahef=' JavaScript 3330 void(0)' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel '什么事页:1

lidata-id=' 800 ' ahef=' JavaScript 3330 void(0)' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel ' rel '你是说.页:1

lidata id=' 799 ' ahef=' JavaScript 3330 void(0)' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel '吴登盛吴登盛吴登盛吴登盛页:1

lidata-id=' 798 ' ahref=' JavaScript : void(0)' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel富驿酒店集团有限公司/a/li

/ul

/p

/p

/form

/p

脚本类型=' text/JavaScript ' src=' http://apps。bdimg。com/libs/jquery/2。1 .4/jquery。量滴js '/脚本

scripttype='text/javascript '

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

返回(a.textContent||a.innerText|| ' ').toUpperCase().(m[3]的索引.toUpperCase())=0;

};

functionfilterList(list){

$('#js-groupId ').bind('inputpropertychange ',function(){

varfilter=$(this).val();

if(筛选器){

$匹配=$(列表)。find('a:Contains(' filter ')).parent();

$('li ',列表)。不是($matches).slide up();

$匹配。下滑();

}else{

$(列表)。find('li ').下滑();

}

});

}

$(function(){

筛选器列表($(' # group id ');

$('#js-groupId ').bind('focus ',function(){

$('#groupid ').下滑();

}).bind('blur ',function(){

$('#groupid ').slide up();

})

$('#groupid ').on('click ',' li ',function(){

$('#js-groupId ').val($(this).text())

$('#groupId ').val($(this).数据(' id ')

$('#groupid ').向上滑动()

});

})

/script

/body

/html

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航