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.466381.com-779彩票平台软件| www.524518.com-印尼五分彩骗局| www.5164.net-新管家彩图图片| www.055092.com-妈系彩色汉化漫画| www.085455.com-彩票联盟手机红包| www.007187.com-新快三和值如何下注| www.111694.com-南方彩票下载| www.203619.com-内苎快三走势图| www.772845.com-爱尚彩彩票正规吗| www.081129.com-天空彩免费资料大全| www.931720.com-佛教求财彩票中奖| www.92713.com-好聚彩代理-| www.766720.com-人人快三真假| www.8465.vip-顶尖的彩票分析软件| www.897963.com-竞彩宣传语-| www.259159.com-竞彩保本对冲7%| www.292778.com-广西福彩中心官网| www.92ii.com-彩票日工资2| www.65pb.com-卖体育彩票怎么盈利| www.h17.com-七星彩19017| www.4796.top-彩虹六号被禁原因| www.3859.bid-七星彩基本走势图综| www.my37.com-彩票游戏机-| www.26zl.com-体育彩票的区别在哪| www.933370.com-彩坛至尊-| www.5954.biz-中国体彩网排列五| www.15791.com-中国福利彩票大乐透| www.85155.com-国产3d彩漫-| www.225618.com-时时彩骗术揭秘| www.862943.com-大智慧快三-| www.961252.com-靠谱的彩票软件下载| www.gq5.com-请问快三怎么跳| www.820111.com-河南天价彩礼杀人| www.623292.com-红牛娱乐彩票是什么| www.750419.com-豪彩是否合法| www.828736.com-福彩今天开什么奖号| www.901182.com-彩吧彩报第三版| www.970749.com-买彩票中奖的技巧| www.fv2.com-时时彩五星刷大底| www.313226.com-福利彩票好彩3规则| www.110159.com-爱彩乐彩票数据提醒| www.975571.com-江西彩礼为什么高| www.pt86.com-最新933彩票官网| www.67796.cc-体彩直播新浪| www.js46.cc-江苏福彩票开奖查询| www.772710.com-白菜彩金网大全| www.888218.cc-诸葛智彩电脑版| www.980257.com-买彩票有没有必中的| www.7120.biz-彩天下平台代理招商| www.611833.com-海盐彩逸-| www.39dr.com-七星彩技巧和和方法| www.3898.name-18k彩金价格| www.5227.com-荣鼎彩下载-| www.120245.com-久久发彩票官方网站| www.243293.com-彩票几天兑奖期限| www.160277.com-凤彩网专属app| www.080647.com-南洋福利乐和彩| www.014933.com-七星彩前4包码| www.137719.com-彩票站怎么挣钱| www.0444.org-彩票大乐透号码算法| www.693365.com-竞彩实时比分| www.738259.com-数字型彩票的玩法| www.851262.com-极速时时彩的套路| www.93718.com-蓝莓爆珠好彩香烟| www.734910.com-非凡彩票下载| www.97158.cc-七加一彩票-| www.761078.com-男女结婚彩礼钱| www.676656.com-福彩3d马后炮太湖| www.837021.com-快三快3和值单式| www.95939.cc-福彩考试题-| www.bm20.com-大发彩官网-| www.89686.com-4月份足彩对阵表| www.579405.com-时时彩组三组六规则| www.5121.biz-高彩对比-| www.yf90.com-足彩开奖结果查询| www.840220.com-竞彩平均优化软件| www.6414.vip-春秋彩票ios| www.96296.cc-中国体育彩票分配| www.13uw.com-新彩吧正版彩图| www.112056.com-足球竞彩宝-| www.356363.com-pp彩票正规合法吗| www.78266.cc-湖南快三开奖查询| www.882282.com-快三彩票平台可信吗| www.88zy.com-7728彩票平台| www.965014.com-境外彩票网站大全| www.ee70.com-彩票刷负盈利技巧| www.t72.biz-777福彩社区| www.391.red-大发快三怎么推算| www.06718.com-苹果3d彩票下载| www.616747.com-体彩排3跨度振幅表| www.70309.com-汇聚彩票平台| www.060019.com-彩世界app苹果| www.602999.com-彩虹六号腾讯挂件| www.206996.com-老版网易彩票下载| www.963025.com-3d牛彩采摘网首页| www.110612.com-彩票网站大全59| www.ws4.com-福建体彩快3走势图| www.602457.com-兼职买彩票真的假的| www.141545.cc-时时彩犯罪吗| www.510153.com-迷上网络彩票赌博案| www.699260.com-中国福彩机选| www.7754.top-七乐彩中奖号码图| www.85dw.com-手游彩票网址| www.00012.cc-怎么进入大盈彩票| www.91054.com-好彩爆珠4mix| www.628422.com-华众彩票-| www.750414.com-时时彩选号技巧集锦| www.789862.com-彩娃彩票官网版下载| www.629930.com-76c彩票登录网址| www.708431.com-网络彩票托的照片| www.356166.com-盛大彩票可靠吗| www.77763.com-今体彩开奖结果查询| www.261663.com-时时彩五星胆码技巧| www.47ff.com-开竞彩店利润是多少| www.x64.com-福彩票中奖-| www.387726.com-凤城十路有彩票店| www.60px.com-网易彩票是真的么| www.8971.pw-世纪国彩线下一体机| www.89hz.com-属鼠买彩票幸运数字| www.4069.biz-怎么样举报22彩票| www.38909.cc-快彩注册邀请码| www.007047.com-天水快三开奖结果| www.997772.cc-乐彩网曲线图| www.io81.com-足彩19045-| www.3735.biz-好彩团队靠谱吗| www.92928.cc-彩票兑奖期-| www.100209.com-一定牛彩票是假的吗| www.30cz.com-极速分分彩结果| www.227920.com-江苏快三有假| www.358770.com-61彩票中奖规则| www.05yz.com-水彩颜料品牌排行| www.39171.cc-彩票上市公司| www.032036.com-人人爱彩票软件| www.130054.com-手机中国福彩网下载| www.408567.com-彩票清明放假通知| www.624022.com-福利彩票漏洞事件| www.846233.com-小崔网友提问彩票| www.4662.top-买彩票一直买一注| www.66035.com-时时彩机器人价格| www.429083.com-彩16怎么下载| www.644992.com-二分彩坑吗-| www.846400.com-信彩彩票投注| www.390697.com-博123彩票靠谱吗| www.35gj.com-南国体育彩票| www.352762.com-七彩乐今日开奖号码| www.4kx.com-台湾彩票大奖号码| www.2412.cn-快三走势图秘籍| www.30835.com-彩票梦想站正规吗| www.581946.com-彩八仙ios客户端| www.us55.com-一分快三走势| www.xw14.com-彩票彩六旧版| www.055219.com-怎么劝沉迷彩票的人| www.1299.cm-彩票免费书籍| www.27885.com-天空彩天下彩| www.010209.com-快三有人赚钱的吗| www.316028.com-体彩店与竞彩店区别| www.488987.com-包头市福利彩票中心| www.630658.com-常跟版彩报图今天| www.798591.com-福利彩票怎么查| www.292576.com-时时彩如何倍投稳赚| www.cp8577.com-上海福利彩票网| www.m78.com-中国体彩多少钱一注| www.634.cn-私彩代理怎么定罪| www.8237.bid-今天江西快三走势图|