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.641886.com-福彩柜台-| www.715937.com-双彩票色球-| www.929289.com-盈彩彩票app安卓| www.cp729.com-全国彩票开奖号码| www.400979.com-高兴彩票正规吗| www.684799.com-富贵彩彩票-| www.780355.com-彩铅画图片风景| www.2868.biz-体彩分析-| www.rn61.com-10分钟一次的彩票| www.69985.cc-盛世彩票下载| www.590708.com-時時彩走势图带连线| www.737625.com-亿亿彩网是正规的吗| www.864754.com-老实时彩开奖号码| www.969201.com-天天中彩票是真的吗| www.ea64.com-大发彩票下载手机版| www.387060.com-彩票开奖多期查询| www.706015.com-福彩复式奖金计算图| www.883513.com-彩票验票码怎么用| www.981583.cc-中国体育唯一彩票网| www.cm30.com-民彩网彩票-| www.wz21.com-福彩三d基本走势| www.708271.com-六彩票-| www.723197.com-彩图4s彩票-| www.904038.com-京东彩票app下载| 全民汇彩票www.52303p.com| www.637140.com-彩虹6号围攻干员| www.358399.com-牛爹七星彩资料大全| www.7235.in-彩虹六号怎么补季票| www.761585.com-山东省体彩中心地址| www.996362.com-北单足彩上下单双| www.dl21.com-大发快三能赚钱吗| www.184868.com-浙江福彩快彩助手| www.55011.cc-棋牌送彩金多的网站| 百姓彩票www.bxcp3.com| www.792372.com-怎么看彩票码中奖| www.985320.com-爱彩大发乐快3攻略| www.458274.com-中国七乐彩开奘结果| www.564728.com-彩拾极速pk拾| www.718944.com-彩虹羽泉下载| www.un3.cc-极速快三预测网站| www.365260.cc-报刊大全彩票与生活| www.021387.com-中国彩吧图-| www.3424.net-彩票网址忘了怎么办| www.555082.com-乐彩神-| www.220267.com-炫乐彩票苹果版| www.306022.com-013彩票-| www.384466.com-qq上能买彩票吗| www.133721.com-易旺彩票y.5cc| www.01144.cc-彩票不能网购了吗| www.1249.vip-块3单式彩票| www.19581.com-北京福彩论坛去哪儿| www.02895.com-亚彩会注册平台| www.64441.cc-最官方的彩票app| www.443776.com-掌游彩哪个机构出的| www.936644.com-体彩无人彩票机无锡| 彩61www.217302.com| www.33502.com-3d凤彩网预测| www.622285.com-湖北竞彩快三| www.551220.com-福彩农场开奖| www.525772.com-体彩大乐透9等奖| www.604338.com-彩票-| www.668132.com-新快报福彩票| www.746886.com-bg彩票-| www.814242.com-8k彩票怎么注册| www.886339.com-玩彩网8-| www.949845.com-福利彩票极速3d| 发彩www.50732e.com| www.793.cm-彩票预测有中奖的吗| www.576125.com-时时彩网贴吧| www.771106.com-乐彩彩票下载app| www.305825.com-558彩票app-| www.731440.com-易彩堂主页搜不到| www.880112.com-快三怎样才能赚钱| 福彩www.26878e.com| www.4kc.com-加拿大彩票中奖号码| www.580001.com-微彩吧公司在哪里| www.702190.com-网络彩票有没有人管| www.797046.com-玛雅吧彩票首页| www.862219.com-福彩的开奖结果| www.923182.com-人人中彩票靠谱吗| www.977048.com-彩礼不得超过2万元| www.af91.com-福彩3d昨天什么号| www.d52.club-大数据买彩票| www.40697.com-中彩到哪里去领奖| www.77423.com-彩票湖北快三走势图| www.1986.site-福彩体彩在一起| 至尊彩www.c229.com| www.59sb.com-体彩经营技巧| www.14500.com-彩神五码计划| www.361494.com-欧洲百万彩计划软件| www.467649.com-彩票图表走势| www.008974.com-下载彩票开奖工具| www.097722.com-澳门基金六福彩资料| www.313581.com-福建省体彩中心官网| www.752729.com-河北省体彩中心电话| www.262093.com-体彩网走势图l| www.363462.com-七色彩虹床笠四件套| www.492907.com-广西体育彩票官| www.83bw.com-和彩印语录-| www.16551.cc-重庆时时彩计划网页| www.66578.cc-福利彩票44期3d| www.24112.com-彩票开奖预测分析师| www.910.in-临沂福彩兑奖中心| www.6135.cc-地方彩票最新开奖| www.393232.com-长春开彩票站| www.539674.com-深圳福彩地址| www.612382.com-福彩3d技术论坛| www.695856.com-足彩任九投注规则| www.770053.com-恒大国际福彩| www.889929.com-旭辉研彩软件破解版| www.986255.com-时时彩最聪明的玩法| www.33uz.com-彩民周刊在线阅读| www.2678.me-彩票啥时候停售| www.740425.com-福彩幸运28怎么样| www.vl27.com-重庆时时彩计划| www.67do.com-彩票中奖前有预感吗| www.58311.com-彩票cp10-| www.962784.com-星光彩票最新网站| www.24qm.com-87彩店店铺邀请码| www.122729.com-福彩3d胆码定位| www.267781.com-甘肃快三遗漏查询表| www.7116.vip-博创彩票官方下载| www.527087.com-时时彩对子-| www.255.la-福彩天齐网站大全| www.35374.com-体彩福彩全假的| www.90965.com-美产无嘴好彩| www.063406.com-下载创彩网-| www.555853.com-爱彩乐快乐12| www.880680.com-体彩排列三中奖注数| www.030051.com-儿童彩铅画图片大全| www.072884.com-全民赢彩票无法提现| www.sr47.com-高手彩坛彩票大全| www.54gq.com-贵州体彩网欧阳| www.757503.com-58彩票购彩大厅| www.827138.com-天涯彩票论坛| www.890540.com-坤彩科技官网| www.953111.cc-凤凰彩票咋下载| www.997791.com-赌一分快三输了6万| www.qj4.cc-快三走势图江苏快三| www.lr14.com-体彩中奖规则及奖金| www.ym88.com-哪里买南洋乐和彩| www.04af.com-新启旺彩票-| www.329688.com-天天中彩票没法升级| www.399111.com-彩票通苹果下载软件| www.64tm.com-体彩排列3预测专家| www.932.hk-七星彩什么几点开奖| www.3758.cn-注册彩票站多少钱| www.132946.com-福建体彩票36选7| www.102776.com-新时彩-| www.6088.cc-网上彩票投注平台| www.36880.com-福利彩票28-| www.78mo.com-中国体育竞彩胜平负| www.175500.cc-全部快三下载| www.sc25.com-快三中什么是杀号| www.17qp.cc-杨彩开奖结果| www.803908.com-海南飞鱼彩票手机版| www.895969.com-江苏快三精准预测网| www.966510.com-体彩几点停止销售| 聚彩网www.290282.com| www.gv02.com-易彩网官方网站| www.uv25.com-米聊购彩大厅| www.163461.com-国彩gc27966| www.d18.hk-全国开奖安全购彩票| www.497033.com-辉煌彩票兼职被骗了|