QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 表单代码 > 基于layui搜索下拉框插件

基于layui搜索下拉框插件

jQuery基于layui开发。搜索下拉框插件。支持中文、首字母搜索下拉提示列表代码。
分享到微信朋友圈
X

使用方法:

1、head引入css文件

<link rel="stylesheet" type="text/css" href="fonts/iconfont.css">
<link rel="stylesheet" type="text/css" href="layui/css/layui.css">
<!-- 搜索下拉框 -->
<link rel="stylesheet" type="text/css" href="css/ySearchSelect.css">
<style>
	.layui-form {
		margin-right: 30%;
	}
	
	.layui-form-label {
		width: 100px;
	}
	
	.layui-input-block {
		margin-left: 130px;
	}
</style>

2、head引入js文件

<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>

<!--[if lt IE 9]>
	<script src="js/html5shiv.min.js"></script>
	<script src="js/respond.min.js"></script>
<![endif]-->

<!-- 搜索下拉框 开始 -->
<script src="js/jQuery.Hz2Py-szm-min.js"></script>
<script src="js/ySearchSelect.js"></script>
<!-- 搜索下拉框 结束 -->

3、body引入HTML代码

<div class="layui-input-inline">
	<div class="layui-form-select ySearchSelect y1">
		<div class="layui-input"></div>
		<i class="layui-edge"></i>
		<ul>
			<li class="on" value="id0001">大白菜</li>
			<li class="on" value="id0002">土豆</li>
			<li class="on" value="id0003">西红柿</li>
			<li class="on" value="id0004">黄瓜</li>
			<li class="on" value="id0005">黄花菜</li>
			<li class="on" value="id0005">黄花菜1</li>
			<li class="on" value="id0005">黄花菜2</li>
			<li class="on" value="id0006">恍惚</li>
			<li class="on" value="id0007">恍惚是</li>
			<li class="on" value="id0005">黄花菜3</li>
			<li class="on" value="id0005">黄花菜4</li>
			<li class="on" value="id0006">恍惚1</li>
			<li class="on" value="id0007">恍惚是2</li>
			<p>无匹配项</p>
		</ul>
	</div>
</div>
	
<script>
	$(function() {
		$(".y1").ySearchSelect(); //调用自定义 高亮插件
	})
</script>

[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
畅彩 www.764709.com-彩神通会员4码很准| www.789987.cc-西宁福利彩票领奖处| www.630956.com-爱趣彩app-| www.742349.com-彩票五哥三天计划| www.374550.com-天下彩天天好彩| www.525662.com-重庆彩票中奖| www.639547.com-7星彩所有开奖结果| www.551445.com-快三长龙预知软件| www.633384.com-幸运彩高手-| www.711959.com-彩票6十1开奖结果| www.235416.com-105彩票软件| www.353094.com-腾讯分分彩9码挂机| www.608382.com-开户送300元彩金| www.977975.com-快三能赢钱-| www.pm74.com-彩经网3d综合走势| www.181269.com-足球彩票app大全| www.783813.com-093彩票吧-| www.728196.com-澳客彩票网首页| 500彩票网www.61655w.com| www.mq30.com-六星彩开奖公告查询| www.281.website十大彩妆加盟电话| www.056286.com-体彩站去哪申请| www.847498.com-3d乐彩网三天计划| www.975487.com-蚂蚁彩票计划软件| www.it28.com-今天竞彩足球| www.286817.com-彩票双色球预测高手| www.797229.com-98彩网站-| www.925605.com-金彩网彩票可信吗| www.85.me-2044彩票注册| www.54xm.com-竞彩微信交流群| www.sf77.com-在网上怎么买彩票| www.925077.com-大平台彩票代理| www.999845.com-易彩票app客户端| www.cr83.cc-广西快三全天多少期| www.vr54.com-快乐彩票乐彩网| www.yl63.com-大发快三开奖规则| www.075178.com-哪个国家彩票最可信| www.333550.com-购物送彩票合法吗| www.49ib.com-99彩吧新彩网| www.869213.com-聚丰彩票-| www.685115.com-体彩多邦预测| www.952600.com-k彩手机登录| www.247278.com-天天快三有什么规律| 亿龍彩票www.1368d.cc| www.cai661.com-快三中奖助手| www.zx60.com-大通彩票网页| www.588970.com-百山东彩票群英会| www.717556.com-彩铅画山茶花| www.811488.com-乐享彩乐享彩| www.910218.com-福彩3d怪字图谜| www.978834.com-快三二同号有多少个| www.58963.cc-福彩3d投注经验| www.019994.com-709彩票网-| www.687050.com-彩票店申请-| www.866740.com-极速时时采彩走势图| www.949043.com-98双彩网-| www.cai730.com-江苏快三是什么东西| www.339193.com-史上最高彩票| www.6358.in-红牛彩票官方| www.20184.com-凤凰彩票时间差漏洞| www.58775.cc-正规的彩票软件下载| www.30655.com-新浪爱彩彩票走势图| www.590606.com-竞彩14场规则| www.566839.com-体彩单式票-| www.1497.cm-真实的彩虹图片大全| www.289314.com-福建体彩即时彩| www.809837.com-辛运彩票幸运相伴| www.25vt.com-首批互联网彩票牌照| www.449333.com-怎么下载豪彩| www.624711.com-体育彩票网点申请| www.762791.com-时时彩那个最正规| www.873666.com-输入号码查彩票中奖| www.934909.com-时时彩选胆技巧稳赚| www.986644.com-体彩排列三和值表图| www.pp16.com-福彩山东群英会吧| www.51946.com-全球彩票网站哪个好| www.358419.com-新宝彩票软件下载| www.4261.cc-七星彩数字计算器| www.191390.com-彩票预测软件下载| www.484537.com-福彩有几种类型| www.370116.com-福彩3d今天走势图| www.33751.com-廣東彩票-| www.321680.com-七星彩梦册解梦大全| www.52oq.com-徐州彩礼十个十| www.2357.xyz-彩票451-| www.373102.com-彩票折纸教程图解| www.836945.com-中国体育彩票一定牛| www.34ki.com-七星彩每周几次开奖| www.513727.com-体彩5d出什么号码| www.616999.com-龙虎和彩票软件下载| www.704022.com-体彩足彩竞猜对阵表| www.912401.com-11选5私彩害人| www.586793.com-电子棋牌送18彩金| www.694978.com-网络彩票赌博的新闻| www.780875.com-体彩快3开奖时间| www.871240.com-时时彩万位人工定胆| www.85vf.com-彩友范-| www.4480.cc-彩票店的利润怎么算| www.689818.com-新浪微彩票官网| www.83161.com-复式彩票投注计算| www.000692.com-下载多彩网-| www.930591.com-福彩3d之新彩网| www.365134.com-福彩3d技巧分解法| www.994720.com-福彩3地试机号口诀| www.fk43.com-内蒙古福彩下载| www.161365.cc-福彩总公司在哪里| www.287376.com-99购十分彩合法吗| www.23236.cc-新彩闷3b字谜区| www.108921.cc-打错彩票-| www.230760.com-体彩屋app-| www.260308.com-彩票坊买彩票正规吗| www.345423.com-手机怎么买福彩| www.356264.com-福彩大乐透怎么玩法| www.181845.com-我要中彩app| www.717535.com-美术作品绘画彩铅| www.811409.com-福彩双色球直播开奖| www.805079.com-吉林时时彩票开奖| www.168498.com-内蒙快三今日必出号| www.303188.cc-甘肃快三推荐群| www.626365.cc-679彩票最新版| www.698320.com-彩虹翅膀代表的意义| www.971540.com-手机彩票客户端下载| www.jj59.com-送彩金的彩票平台| www.8md.cc-福利彩票要几个号码| www.cp5152.com-上海快三技巧| www.rj05.com-大发快三没人举报吗| www.022144.com-彩票微社区-| www.98xv.com-智慧彩手机挂机软件| www.8786.top-分分时彩-| www.271188.com-八亿彩app下载| www.443037.com-掌中彩官网投注| www.586839.com-南方双彩网今天| www.774417.com-简单水彩画图片| www.500422.com-英国皇家5分彩| www.up83.com-彩票计划师如何骗钱| www.498826.com-刷竞猜赚彩金| www.891343.com-关于彩票的英语句子| 500彩票网www.65707n.com| www.384998.com-重庆时时彩实时结果| www.920163.com-彩票30选7怎么玩| www.aw12.com-福利彩票手机版| www.33vl.com-七星彩那几天有| www.921240.com-彩票什么是龙虎呀| www.53dy.com-彩票行家高手论坛| www.32628.com-全民汇彩票是真是假| www.gw03.com-093彩票app-| www.vz81.com-腾讯时时彩开奖结果| www.01et.com-安徽快三大小| www.58lz.cc-越南5分彩开奖| www.11958.cc-竞彩赛程-| www.092757.com-周口的彩礼多少钱| www.3284.net-体彩顶呱呱品牌口号| www.9513.top-新浪福彩今日运势| www.44547.com-彩票刷流水给佣金| www.03lk.com-足彩投资宝典pdf| www.419212.com-港版绿好彩哪里买| www.514223.com-王牌彩票是做什么的| www.626261.com-盈丰彩票是骗局吗| www.082423.com-118彩票可信吗| www.883123.com-多彩投众筹是否合法| www.cp5979.com-快乐彩开奖结果表| www.221319.com-时时彩开奖助手| www.372265.com-安徽省彩票中心| www.cai36.cc-快三是什么意思|