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天

知道了
58福彩 www.33wp.com-够力七星彩计算局| www.33240.com-福彩三d开奖结果| www.94633.com-福彩刷流水挣钱吗| www.066840.com-太陽城博彩-| www.561832.com-信彩全天计划群| www.653884.com-福彩胆码今日必下| www.738339.com-中彩票原理-| www.811485.com-成都享鸿彩-| www.882802.com-棒棒彩票是真的吗| www.964762.com-一分时时彩开奖记录| www.cai2777.com868彩票-| www.cai6877.com江西快三预测| www.299672.com-彩中彩网址-| www.832050.com-怎么找博彩公司网址| www.068243.com-今天的中奖彩票号码| www.245438.com-易彩开奖结果| www.365920.cc-幼儿彩铅画图片| www.789749.com-10选5是彩票吗| www.962452.com-下载中国福利彩票网| www.cai3788.com内蒙古体彩十一选五| www.e18.net-全天彩票计划| www.rk08.com-500彩票彩种| www.52827.cc-彩票项目-| www.639864.com-潭头东方亮彩怎么样| www.766822.com-糖果彩刷彩票可靠吗| www.856888.cc-福彩3b字迷今天| www.959231.com-国内彩票大奖排行榜| www.cp3778.com-幸运快三是不是骗局| www.7778.date-玩彩票的心得| www.383280.com-彩票彩6下载安装| www.547349.com-万博彩票二维码| www.94fu.com-开彩365上市股价| www.214928.com-网上认识的彩票男| www.232627.com-彩票分析大师| www.81308.com-福彩南方开机号| www.081905.com-老师带快三-| www.187326.com-时时彩如何买最稳| www.272362.com-快三有没有什么技巧| www.4544.top-排列三黑彩玩法| www.22726.com-河北快三走路| www.38133.com-下载欢乐彩官网下载| www.005731.com-福彩骗局视频| www.xm75.com-彩计划9cb官网| www.9876.biz-双色球彩票开奖历史| www.tt85.cc-那个网站有彩票合买| www.947201.com-足彩任9场开奖奖金| 名门彩www.33997q.com| www.65at.cc-互联网购彩票| www.987024.com-网络购彩app| www.df69.com-彩富网资料大全香港| www.838283.com-广西福彩快三怎么玩| www.921337.com-快三开奖遗漏号码| www.995942.com-足球彩票新浪| www.zd2.com-彩票平台提现失败| www.0594.in-鑫彩网快三-| www.36000.cc-彩皇厂怎么样| www.92829.cc-福彩3千喜开机号| www.35732.cc-竞彩分析技巧| www.822351.com-湖北快三8200| www.954515.com-浙江省福利彩票| www.cai3343.com江苏快三复式投注| www.235282.com-手机怎么买福利彩票| www.356491.com-吃饭送彩票宣传语| www.506573.com-福彩3d杀尾方法| www.615668.com-体彩几位数就有奖| www.55ly.com-中国移动彩票| www.2702.cn-v8彩票是黑平台吗| www.ku36.com-辽宁快三彩票| www.041808.com-竞彩足球中奖规则| www.1937.name-河南体彩手机在线| www.79917.com-极速1分彩下载| www.888938.com-彩站宝怎么发起跟单| 网易彩票www.099wy.com| www.11136.com-50o万彩票首页| www.551317.com-高频彩开奖随机吗| www.669934.com-七星彩票开奖结果查| www.791846.com-熊猫彩电电视机| www.972016.com-王者彩票是正规的吗| www.eo42.com-手机北京快三投注| www.8tx.com-福彩键盘的用法| www.441655.com-中国体彩政策| www.117992.com-如何破解分分彩走势| www.377500.com-香港皇都彩票| www.558068.com-智慧大赢家彩票| www.649451.com-特巴彩吧高手网吧| www.776915.com-黑彩稳定技巧| www.872114.com-云南体育彩票网| www.947140.com-福彩开奖公告走势图| www.cai7422.com甘肃快三下期推荐| www.161649.cc-分分彩平台下载| www.004266.com-乐购彩票app下载| www.4545.hk-开七星彩号码| www.367879.com-彩涂合金铝卷生产| www.563962.com-贵阳多彩贵州城| www.d18.net-中彩和体育福利| www.ej14.com-快频彩-| www.63376.cc-19042足彩分析| www.358414.com-彩票管家婆的报纸| www.871995.com-瑞彩彩票网app| www.800119.com-博彩漏洞改单| www.078090.com-体彩作假吗-| www.287228.com-彩票刷对冲佣金| www.198570.com-大发快三计算和值| www.951071.com-武汉休闲快三| www.54ph.com-天津时时彩官网开奖| www.1185.pw-彩票是怎么开出来的| www.7571.cn-东莞东方亮彩地址| www.330409.com-福彩快三今天预测号| www.35666.cc-竞彩足球奖金优化| www.202813.com-上海快三专家预测号| www.282168.com-宁海体彩店-| www.365675.com-时时彩封盘时间| www.479355.com-上饶彩票中奖人| www.100525.com-11086彩票下载| www.216381.com-腾讯分分彩开| www.404658.com-画彩铅买什么纸合适| www.506226.com-江苏体彩7位数直播| www.570159.com-好彩二公式-| www.1548.net-小燕子福彩3d预测| www.77860.com-天津市体彩中心电话| www.hj92.com-8816彩票靠谱吗| www.329753.com-3d彩吧图第二版| www.335816.com-广东体彩网限号| www.669818.com-彩色沥青混凝土比重| www.742877.com-彩票苹果投注app| www.970197.com-今天江苏快三预测号| www.780928.com-8亿彩软件-| www.890009.com-竟彩篮球推荐| www.437887.com-k彩福地登入| www.606816.com-属马买彩票-| www.786005.com-xr关原彩-| www.922884.com-贵彩棋牌破解器| 500彩票www.362477.com| www.3987.biz-彩票精准预测软件| www.151234.com-购彩上8816-| www.qk3.cc-体彩7位数选号技巧| www.14ol.com-天吉3d彩票论坛| www.240422.com-大发时彩全天计划| www.489365.com-彩票官网app下载| www.579152.com-易购彩票官网| www.689870.com-买福利彩票技巧方法| www.797939.com-免费彩票网源码| www.874393.com-2d福彩奖金-| www.696193.com-阳光彩票注册| www.802035.com-时时彩交流群群号| www.787498.com-彩1彩票下载安装| www.156482.com-0500彩票-| www.jp45.com-彩6官方下载安装| www.617400.com-北京快三微信群号| www.026684.com-辉煌彩票咋样| www.977423.com-河南开封的彩礼| www.471280.com-六台彩迷官牛头马嘴| www.543052.cc-3d福彩开奖| www.10243.cc-500万足彩-| www.cp917.com-全国快三下载| www.6714.biz-5月份彩票销量| www.sj61.cc-彩app送彩金| www.17pz.cc-福利七乐彩-| www.544997.com-3d彩票中奖票样图| www.935510.com-红包彩票直播| www.986441.com-益盈彩票app下载| www.fe6.cc-网络分分彩骗局| www.3931.tv-足彩胜负平中奖| www.9241.cc-乐彩网是个什么网站|