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天

知道了
9彩注册 www.629237.com-新浪爱彩是正规的吗| www.397460.com-彩票开奖什么时候| www.918136.com-福利彩票代理怎么开| www.982461.com-鸿运彩票怎么玩| www.653031.com-釉彩大瓶设计者| www.471089.com-快5是福彩吗| www.459318.com-解密福彩大底| www.567153.com-下载双色球彩票网| www.446662.com-彩票软件平台哪个好| www.567198.com-东京赛车彩票| www.655584.com-快三猜一个号规则| www.756951.com-体彩排三定胆杀码| www.839512.com-好彩绿一盒多少钱| www.927968.com-青海福彩官网| 凤凰彩票www.3479y.com| www.527591.com-时时彩和值图解| www.638444.com-天吉福彩彩票论坛| www.739842.com-彩友吧预测专区总汇| www.6338.cm-体彩太坑了-| www.eq34.com-炫乐彩票苹果版| www.314746.com-竞彩篮球大小分| www.772016.com-彩票非法经营罪| www.864224.com-东方彩票网-| www.554637.com-彩票遗漏值-| www.686424.com-人教版中彩那天教案| www.03369.com-七星彩骗局会员| www.4070.org-彩虹六号加载太慢| www.515162.com-七星彩三字定多少钱| www.592084.com-七星彩质合路走势图| www.3547.com-83彩官网下载| www.21131.com-运盛彩票app| www.984340.com-福彩快乐十分计巧| www.le32.com-腾讯赛车彩票| www.48rc.com-附近的福利彩票站| www.005555.cc-手机时时彩票| www.785956.com-体彩迷语-| www.991919.cc-彩票中奖那几个数字| www.gp34.com-36选7好彩三开奖| www.xv27.com-千万彩票平台正规吗| www.w44.org-体彩历届开奖| www.zq94.cc-飞鱼彩票8选3| www.60gl.com-工商银行彩票平台| www.1059.cc-彩票教学视频高手| www.7647.loan-彩票109投注官网| www.760192.com-时时彩三星遗漏| www.pi37.com-19052期足彩| www.26ay.com-500彩票能买吗| www.4486.biz-电话投注彩票流程| www.mx94.com-天天中彩官网app| www.743415.com-懂彩宝开奖-| www.673753.com-点金彩画-| www.811249.com-福彩藏机图迷| www.899237.com-网上彩票代理佣金| www.963196.com-彩票人工神圣计划| 500彩票网www.97655r.com| www.fl57.com-彩票快三全天计划| www.vk64.com-安徽福彩快三开奖源| www.79cx.com-中国体彩体了大彩图| www.55lb.com-大乐透还是七星彩| www.001328.com-大彩票软件-| www.406895.com-宁波体彩中奖信息| www.512879.com-玩彩网安卓-| www.7317.loan-彩虹6号多少钱游戏| www.355154.com-武汉开彩票店挣钱吗| www.le38.com-彩4彩票-| www.213633.com-彩神x靠谱吗| www.283831.com-吉林快三微信群骗局| www.355816.com-一定牛彩票12选5| www.07ok.com-168极速彩票计划| www.914963.com-8k彩票稳赚群| www.979574.com-河南福利快三结果| www.bk05.com-快三彩票ios版| www.a08.top-网络彩票快三诈骗| www.87538.com-南方彩票是真的吗| www.539445.com-2月彩票销量| www.624712.com-彩票客服是什么工作| www.715190.com-这彩票是真不能买了| www.789555.cc-710彩票是真的吗| www.867756.com-七星彩开奖时间几点| www.947137.com-网友带我玩高频彩| www.999327.com-e球彩三场全包奖金| www.ps64.com-甘肃体彩胜负彩领奖| www.26je.com-彩友圈app下载| www.1382.com-福利彩票多少税| www.539603.com-内蒙快三出豹子规律| www.752352.com-网上买彩票官方网站| www.855667.com-网上购买世界杯彩票| www.927927.com-彩票咋个买几个数| www.976505.com-河南体彩管理中心| www.yv8.cc-新手买彩票中奖| www.ps07.com-933彩-| www.2qg.com-彩票提成是多少钱| www.70of.com-爱心彩app邀请码| www.189228.com-体彩江苏11选5| www.375188.com-九州体育博彩怎么样| www.540133.com-重庆时时彩开奖时间| www.182273.com-足球竞彩网首页| www.369408.com-彩友时时彩人工计划| www.pt76.com-人人红彩票安卓版| www.958439.com-彩九怎么下载安装| www.yy12.com-合肥快三走势图势图| www.qw62.com-二分时时彩开奖结果| www.64732.com-心红彩网-| www.670487.com-七星彩推荐号汇总| www.827286.com-彩票怎么避免花龙| www.1311.me-福彩吧官网-| www.88616.com-87彩票管理-| www.387226.com-尼彩官网首页| www.546484.com-彩票站如何转让| www.641948.com-体彩柜台最新| www.029022.com-河源体育彩票分点| www.6622.red-福彩好运中奖规则| www.542365.com-公益彩软件-| www.630282.com-好彩3怎么玩| www.2777.vip-彩88大乐透预测| www.77830.com-快三数字图-| www.68459.com-体彩中奖去哪领取| www.062721.com-安装体彩天下| www.153071.com-彩票全天计划记录| www.395296.com-cf彩虹哥卖号网站| www.520530.com-快三限号怎么办| www.273211.com-福彩文化理念| www.079789.com-我爱彩票app下载| www.9090.cn-动漫人物彩铅画图片| www.vo29.com-专业玩彩个人| www.812533.com-福彩3d图谜好运彩| www.588293.com-福彩3d黑牛图| www.716925.com-简单彩铅画儿童| www.809234.com-体彩那种中奖率高| www.312915.com-福彩17500-| www.079046.com-官方大玩家彩票| www.048.site-彩票行家玄机幽默| www.005664.com-快彩网骗局揭秘| www.5678.net-买外围彩票软件下载| www.28802.com-连中彩票官方下载| www.ly18.com-为什么彩票网上停售| www.027572.com-易彩网是真的吗| www.108775.com-网上玩彩有赢的吗| www.299152.com-六开彩开奖结果開| www.247029.com-彩票分析师收入| www.079685.com-91彩票客户端| www.071252.com-足彩编辑-| www.tt24.com-足彩哪里可以买| www.44vm.com-福利彩票快三魔图| www.622777.com-七星彩今晚开什么码| www.713290.com-江苏快三手机投注| www.790977.com-福彩12选五助手| www.855689.cc-中国奖金最多彩票| www.511051.com-彩虹??的含义| www.566535.com-和彩科技-| www.026456.com-808福彩合法吗| www.485428.com-大发彩票ap平台| www.393371.com-481彩票害死人啊| www.69274.com-台湾快三-| www.333001.com-怎样才能看懂彩票| www.817.online-足球胜负彩澳彩网| www.425656.com-体育彩票无人售票机| www.5024.cn-大乐透旺彩网走势图| 大赢家彩票平台www.160886.com| www.14041.com-福利体育彩票开奖| www.916792.com-彩票举报平台登录| www.585910.com-网上博彩好的平台| www.d63.club-快三和值走势图山西| www.500.gg-11选5体彩群|