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天

知道了
1分快三 www.64ig.com-麒麟655彩票| www.468200.com-福利彩票图迷字迷| www.3354.vip-关注中彩股份快三| www.029211.com-内蒙古体彩管理中心| www.hh79.com-福利彩票官网首页| www.dy51.com-快三规律技巧| www.968421.com-福建福彩网快3开奖| 500彩票www.66653o.com| www.36956.cc-彩宝贝开奖号码| www.893396.cc-爱彩乐开奖走势图| www.984386.com-亚博彩票app下载| www.co02.com-掌上购彩三分快三| www.22668.com-彩票老势走势图下载| 天下彩www.249880.com| www.da51.com-快三属于彩票吗| www.05am.com-青春校园彩铅画| www.8485.vip-体育彩票转让北京| www.033868.com-彩票机选中了一等奖| www.726970.com-彩霸王彩票软件| www.801743.com-好易自助终端彩票| www.875943.com-省份快三是什么彩票| www.946995.com-重庆全天时时彩计划| 乐彩www.le520.com| www.612466.com-d8彩票登陆-| www.698546.com-浙江省阳光福彩征召| www.663021.com-彩票黑蝴蝶-| www.750322.com-时时中彩票害人| www.819234.com-安阳彩票中奖大乐透| www.888763.com-下载最新网易彩票| www.957149.com-杏彩平台-| 爱彩乐www.026918.com| www.296078.com-彩票数字规律怎么算| www.085687.com-贵州福彩公益活动| www.172818.com-全天大发快三计划| www.261103.com-中彩平台正规吗| www.39033.cc-苏州老快三开奖结果| www.o19.org-彩票源码开奖器| www.223110.com-福彩3d和值谜| www.322821.com-598彩票计划软件| www.9097.vip-七乐彩开奖现场视频| www.227283.com-一天快三秒-| www.29229.cc-五星彩票计划| www.561724.com-快彩平台兼职揭秘| www.654820.com-旺角彩皇免费资料| www.736182.com-保定市彩票站转信息| www.822915.com-粉百合彩吧3d字谜| www.910913.com-福彩快三改-| www.976293.com-河南省体育彩票中心| www.xr41.com-彩票站买彩票流程| www.212697.com-破解彩票私彩平台| www.296385.com-彩芽的天然好奇心| www.4391.biz-新加坡天天彩8点| www.19av.com-体彩肥城中大奖了吗| www.881428.com-竞彩串场推荐| www.332679.com-京彩国际app| www.1559.win-喜彩15886注册| www.518754.com-上海爱彩乐快3开奖| www.613828.com-彩票代理平台刷流水| www.685863.com-正规的福利彩票软件| www.760900.com-广东福彩好彩3| www.872036.com-彩票兑奖查询工具| www.939121.com-699彩票-| www.982726.com-注册送体验金的彩票| www.cp780.com-手机摇快三出号规律| www.573622.com-彩票反水4%的平台| www.676804.com-福彩开奖是假的| www.771927.com-永盛时时彩-| www.83399.cc-河南体彩兑奖中心| www.297208.com-乐购彩票合法吗| www.415070.com-红树林彩-| www.962074.com-彩掌柜计划群| www.qz7.com-神圣彩票app| www.xt63.com-彩票赔了-| www.25xr.com-迷彩虎历史军事| www.0187.xyz-百度彩票合法吗| www.659934.com-顺盈彩票有多长历史| www.2wc.com-彩票178-| www.167323.com-福彩3d-| www.0180.cc-利彩彩票是什么意思| www.62016.com-手机大赢家彩票| www.095032.com-布衣彩吧-| www.569307.com-福彩3d九宝图| www.761341.com-彩计划网页-| www.140633.com-快三线路-| www.yx51.cc-彩票会员-| www.518.la-福彩3d计算器直选| www.422062.com-22彩票官方网址| www.311230.com-云南快三开奖结果快| www.223033.com-足球彩票怎么买| www.577008.com-天天中彩票安不安全| www.3615.love-河北保定彩票中大奖| www.15025.com-福彩栋栋团队| www.060692.com-黑彩买到多少违法| www.255177.com-翻本彩金彩票网站| www.922099.com-彩678是真的吗| www.980999.com-彩6ios官网-| www.cp9778.com-808彩票网加急版| www.192096.com-河南快三历史开奖号| www.642999.com-香港地下六仺彩网址| www.722959.com-1688购彩平台| www.812835.com-988线上彩票| www.gf47.com-快三所组六所有号码| www.590428.com-彩票网平台-| www.277510.com-最有名的彩票官司| www.025617.com-陕西福彩双色球开奖| www.645747.com-时时彩倍投倍数| www.219101.com-福建福彩双色球开奖| www.738382.com-体彩快三查询| www.815263.com-秒秒彩坑人-| www.880729.com-手机淘宝能买彩票吗| www.947196.com-二分彩开奖-| www.990372.com-移动彩票软件下载| www.bu45.com-49彩票集团-| www.wq15.com-彩票走势有规律吗| www.953940.com-快三追号打法| GO彩www.dao70.com| www.721325.com-竞彩霸主双色球预测| www.800113.cc-黑客破解快三| www.51482.com-老凤凰彩票平台| www.535285.com-六位数字的彩票| www.636884.com-彩虹电影台源| www.745962.com-湖北福彩app官方| www.025649.com-彩友玩啥-| www.870701.com-cp彩票下载苹果| www.988876.com-江苏快三必出号码| www.0978.cn-体彩排五合买网| www.7113.com-福彩双色球专家说号| www.27471.com-破解app彩票| www.76658.cc-黑桃k时时彩怎么样| www.861815.com-时时彩qq群推广| www.937696.com-福彩网app正规吗| www.979394.com-时时彩送彩金| www.cai51.cc-极速快三怎么玩| www.37mo.com-七星彩杀号定胆图谜| www.253244.com-竞彩足球app下载| www.355192.com-彩票中奖最低多少钱| www.357886.com-大乐透彩票开奖等级| www.433976.com-3d丹东彩吧联盟3| www.578.live-分分彩买大小技巧| www.8505.org-黑彩稳赚计划| www.228.cm-万博彩票真实吗| www.57nu.com-体彩大乐透中奖人数| www.086781.com-玮光溢彩-| www.237338.com-嘉兴市体彩网| www.320099.com-龙彩居士体彩排三胆| www.452212.com-云南福彩20选八| www.627173.com-乐米·彩票-| www.895900.com-永诚彩票邀请码| www.cp3453.com-易彩快三破解器| www.cp0194.com-彩神app下载| www.198683.com-网上买彩票平台| www.871314.com-香港官方直营网彩票| www.951607.com-彩票132网页版| www.997747.com-87.cn彩票官网| www.az26.com-极速快三技巧| www.453.tv-福利彩票中两个号码| www.153952.com-中彩国际是不是骗局| www.273744.com-什么是福彩蛋蛋| www.302829.com-103彩票app-| www.369645.com-动态澳彩竞技风| www.120106.com-体彩几点停止销售| www.916381.com-竞猜足彩计算器| www.735129.com-时时彩口诀大全图解| www.800230.com-上海足彩-|