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.312485.com-云购彩票大发快三| www.8735.com-台湾六福彩总站直播| www.971309.com-体育彩票广场摸奖| www.639153.com-厦门体彩店转让信息| www.aa60.com-体彩11选五玩法| www.43750.com-三d彩绘机-| www.012456.cc-怎么制作彩票网站| www.46ht.com-竞彩足球网点| www.431809.com-565彩票-| www.11vf.com-我要查体育彩票| www.153.gg-彩虹天堂听哭了| www.668.date-永利彩票服务器| www.8611.shop-彩票电子走势图安装| www.57lx.com-中彩那天课文生字表| www.424449.com-世界著名博彩地| www.xw05.com-体育彩票可以折叠吗| www.cp5772.com-被彩票害惨的案例| www.635481.com-网页博彩-| www.727610.com-快三限号打不出来| www.810780.com-福彩双色球走势玩| www.896782.com-网络彩票漏洞赚钱| www.970962.com-双色球元芳看彩| www.cai3433.com今日贵州快三走势图| www.ss25.com-东方一分彩开奖直播| www.906735.com-天空体彩开奖时间| www.978335.com-125彩票app-| www.ek87.com-幸运快三代玩| www.b75.vip-福彩跑马幸运彩图片| www.59gf.com-彩钢板厚度规格表| www.er3.com-预测分分快三软件| www.177745.com-湖北福彩快三口诀表| www.299438.com-中彩啦是正规的吗| www.376589.com-博牛彩票怎么提钱| www.b86.com-168时时彩-| www.98ld.com-彩票套利会被风控吗| www.9469.vip-福龙彩票真的吗| www.17272.com-星彩网络科技刷赞| www.34073.com-亿彩聊天室-| www.903779.com-万豪福彩软件下载| www.979853.com-恒大彩票下载安装| www.806678.com-腾讯分分彩玩法介绍| www.919069.com-福彩3d智能杀号| www.gn43.com-蚂蚁致富团队彩票| www.263819.com-7号彩票-| www.139318.com-百福彩票黑我钱| www.919.biz-微信带你买彩票的人| www.439876.com-注册账号玩彩票| www.9169.vip-网易时时彩开奖号码| www.586717.com-天天快三福气快三| www.7557.cc-彩票计算器传销| www.534679.com-九彩霸王花-| www.b65.club-易彩堂彩票-| www.442239.com-五洲彩票网页| www.283136.com-福彩三d开奖号码是| www.1392.cm-彩票走势大全安卓版| www.9246.biz-乐彩怎么充值| www.39910.com-11选五彩票网| www.89707.com-公司过年发彩票| www.096771.com-中彩网开机号| www.2220.in-福建好彩头最近动向| www.37783.cc-暗网彩票如何加入| www.717087.com-桃花林彩铅画| www.144273.com-728彩票网站| www.693291.com-短信投彩票-| www.798193.com-app易彩乐官方| www.975734.com-确山彩礼-| www.056693.com-注册彩票站-| www.18659.cc-彩票下载领彩金| www.718565.com-看到彩虹的心情说说| www.798684.com-盛世彩票手机| www.874620.com-腾讯分分彩官网结果| www.947196.com-二分彩开奖-| www.997256.com-哪个软件可以买足彩| www.cs19.com-淘宝彩票-| www.uq54.com-8828彩票平台| www.170662.com-福彩快三开奖| www.093318.com-彩票破解版软件下载| www.345620.com-申请福利时时彩| www.393270.com-彩票开妜-| 博友彩www.267by.com| www.049118.com-3d彩界小少爷毒胆| www.197650.com-排列三走势图彩宝网| www.881916.com-佰万彩票刷流水| www.19cd.com-泰安彩民中奖| www.553330.com-邯郸体彩中心地址| www.676653.com-安装七星彩排列五| www.38rz.com-彩民在线视频| www.494236.com-彩八官方-| www.024041.com-台湾5分彩官方网站| www.229281.com-玩福彩快三-| www.75wm.com-七乐彩开机号分析| www.53667.cc-老腾龙时时彩| www.326908.com-1750o乐彩网| www.395592.com-竞彩职业玩家| www.498522.com-福彩快三是骗人的吗| www.6309.cn-福彩3d图片字谜| www.171.pw-迷恋彩票-| www.175592.com-快三预测软件免费| www.259517.com-时时彩助手挑号| www.327174.com-澳洲五分彩开奖助手| www.401819.com-彩客彩票网官网| www.501221.com-彩879-| www.563789.com-今晚的福利彩票| www.630937.com-海南七星彩彩票网| www.691829.com-胜负彩查询-| www.758831.com-彩票平台合买找代理| www.818784.com-菏泽福彩中心在哪里| www.895157.com-七彩格子怎么赚钱| www.960969.com-江苏快三工具| E彩堂www.9818s.cc| www.270144.com-官网248彩票| www.135884.com-足球竞彩胜负平规则| www.253124.com-大发时时彩中奖规则| www.345181.com-棋牌加彩票-| www.441171.com-中国竞彩网计算机| www.538660.com-百度彩彩票-| www.633132.com-篮球竞彩玩法介绍| www.723519.com-常州彩票中大奖| www.829640.com-彩9彩票手机版| www.912936.com-快乐彩技巧稳赚| www.979360.com-南通市体彩中心电话| www.ck00.com-天津快三骗局| www.03sa.com-附近福利彩票占| www.3333.net-时时彩后三走势| www.2068.pro-彩虹夹心冰淇淋机| www.1770.biz-彩票十大信誉网站| www.4820.vip-彩六下载-| www.161641.com-中国体育彩票店铺| www.057867.com-甘肃快三号码遗漏| www.033539.com-q彩app正规吗| www.513653.com-福彩3d断组绝招| www.572908.com-今天3d福彩双彩图| www.692381.com-广东彩王准确资料| www.780889.com-好运彩网址-| www.844975.com-足彩任九场中奖奖金| www.907811.com-合肥体彩中心地址| www.961109.com-6363天下彩票| 500彩票www.50080h.com| www.96fo.com-买高频彩算投资吗| www.05899.com-中国福利彩票综合版| www.685393.com-双色彩球开奖查询| www.924561.com-福彩双色球中奖新闻| www.41uv.com-鸿运彩票资金安全吗| www.54ga.com-时时彩稳赚技巧| www.505677.com-彩票套利会被风控吗| www.66kj.com-288彩票里的快三| www.2388.live-湖北快三胆码是什么| www.27af.com-五分快三多少期龙| www.071.link-云彩宝2区-| www.58gk.cc-银行监守自盗买彩票| www.2081.cm-百盛娱乐彩票| www.748677.com-中彩的那一天| www.385829.com-福利彩票会过期吗| www.507217.com-五彩石竹-| www.589404.com-河南快三均值| www.584723.com-天天足彩软件| www.410315.com-足球彩票安卓版下载| www.538289.com-国彩500万-| www.3103.cn-众发彩票可以玩吗| www.135717.com-彩票店打票员工资| www.271937.com-中原彩票注册| www.778641.com-新彩网是合法的吗| 华彩www.71399d.com| www.uu93.com-高频彩哪个平台正规|