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天

知道了
亚洲28 www.007156.com-体彩奖号结果| www.1928.space-凡客彩票-| www.16876.com-大发快3彩票真假| www.74547.com-金彩网高手网齐中网| www.062409.com-全球彩票苹果版| www.249896.com-福彩通-| www.338212.com-六福彩票门面| www.431920.com-贵阳彩票店-| www.538383.com-国彩项目投资是什么| www.692250.com-福利彩票真的假吗| www.782234.com-360彩票真的吗| www.858771.com-体彩两码遗漏表| www.922920.com-竞彩亚盘基础知识| www.980207.com-梦想彩票下载苹果版| www.9884.in-英国官方彩票有哪些| www.53127.cc-七彩连锁酒店官网| www.006493.com-河内五分彩官方开奖| www.087212.com-湖北彩条布厂| www.163671.com-时时彩如何容错最稳| www.294344.com-体彩断组-| www.372207.com-多乐快3彩票坑人| www.481527.com-彩印基础包怎么设置| www.567794.com-香港濠江彩票| www.652970.com-八炫彩-| www.789258.com-爆炸头足彩博客| www.871092.com-利彩平台我的账户| www.966354.com-海南体彩下载软件| www.cai3232.com快三中2个号多少钱| www.lx14.com-甘肃好彩快三| www.t24.me-i8彩票官方网址| www.61dp.com-小儿心脏彩超数据| www.1020.org-开机号近十期利彩| www.01377.com-足彩必发盈亏指数| www.60899.cc-新星彩宝-| www.023980.com-彩票快三讲座视频| www.104193.com-金牛娱乐彩票| www.177706.com-app快三助手下载| www.254235.com-福彩快乐-| www.330514.com-福彩3d一定牛| www.407855.com-七星彩造假-| www.519197.com-97彩票网怎么注册| www.590994.com-大富彩票官网| www.669452.com-3d福彩中了一个号| www.751572.com-在线刮刮彩-| www.827373.com-2118彩票cp-| www.902479.com-鸿运党和彩-| www.970135.com-3d牛彩今日杀码图| www.xz24.com-韩国快三是真的吗| www.26eu.com-剪彩葫芦-| www.671.bid-网易彩票预测网| www.4999.site-全国福体彩开奖查询| www.09791.com-彩81彩票网站| www.55561.cc-青岛福彩养老院收费| www.003165.com-福彩3b字迷今天| www.077157.com-山东体彩11夺金| www.144812.com-那个彩票平台返点高| www.324109.com-国乐彩是真的吗| www.397474.com-双色球预测众彩网筱| www.535391.com-福彩3d九宫图算法| www.623250.com-体彩排三定胆杀号码| www.698215.com-福彩专用报纸| www.777977.cc-汇彩邀请码-| www.885181.com-内蒙快三软件下载| www.965921.com-易发彩网-| 网易彩票www.596702.com| www.iv72.com-大红鹰彩票-| www.a99.me-福彩开奖时间是几点| www.34gd.com-福彩3d通下载| www.1112.gg-时时彩25期反长龙| www.7698.biz-手机彩票投注下载| www.27599.cc-什么软件可以买快三| www.72067.com-彩猫彩票软件| www.057699.com-澳门5分彩实时开奖| www.141766.com-竞彩猫充值-| www.220378.com-快三qq群-| www.291679.com-快彩是属于赌博吗| www.364706.com-大资本彩票网站| www.464007.com-红蓝绿波表彩图| www.552774.com-跟彩名堂一样的软件| www.750898.com-彩46.apk-| www.819011.com-运盛彩票-| www.888544.com-彩票79-| www.974745.com-中国福建省体彩官网| www.fn6.com-重庆时时彩停售| www.ot79.com-360彩票走势| www.52.me-高屏彩是什么| www.68zx.com-手机彩票怎么兑奖| www.0950.net-唐龙今日说彩| www.8886.me-玩足彩有赢钱的吗| www.42801.com-时时彩快开软件| www.88819.com-158彩票计划| www.048523.com-赢钱彩合法吗| www.152086.com-中福利彩票官网| www.236836.com-福利彩票吧-| www.316592.com-乐彩网双色球论坛| www.386114.com-河南快三规律破解| www.537266.com-彩色的颜色是什么| www.621788.com-六亿彩票下载安装| www.690303.com-赢钱彩app下载| www.766381.com-好运彩天中-| www.872042.com-毕节彩票站有哪些| www.950065.cc-互联网彩票牌照名单| www.51299.cc-彩客网比分直播竞足| www.485979.com-竞彩篮球胜分差教程| www.is.cc-广西快三开奖查询| www.48929.com-什么博时时彩| www.85571.cc-买彩票有几种方法| www.036101.com-体彩竞技风暴| www.143292.com-彩虹8app-| www.218909.com-湖北今日快三| www.287861.com-22彩票购彩大厅| www.388096.com-华彩考级音乐百度云| www.507655.com-彩票网推荐幸运之门| www.575930.com-百事可乐彩票网| www.641288.com-体彩标志颜色| www.760481.com-重庆时时彩代理反水| www.844128.com-中国福利彩票7月| www.906545.com-江西快三彩票网站| www.967194.com-即时开彩旧版| 500彩票网www.61655m.com| www.dr65.com-大发快三开挂辅助器| www.tx64.com-熊猫时时彩计划软件| www.78.win-香港六给彩开奖结果| www.64ij.com-竞彩中奖大单| www.0093.cn-买彩票的个性网名| www.9126.shop-七乐彩近期开奖| www.42092.com-什么样的彩票| www.92861.cc-彩票之家开奖结果| www.079111.com-7乐彩胆拖兑奖表| www.137234.com-用彩泥做冰淇淋| www.207217.com-有合法的彩票网站吗| www.272896.com-体彩有几种玩法介绍| www.409623.com-3d天天彩电子报| www.507591.com-合肥市福彩中心在哪| www.570728.com-好彩app下载安装| www.635171.com-七彩音符快乐颂下载| www.751342.com-福彩票app-| www.811522.com-鸿博彩票九鼎团队| www.877835.com-台湾5分彩官方网站| www.974231.com-go彩砍龙团队| www.lg03.com-爱彩彩票2018| www.a49.com-七乐彩基本走式图| www.21qs.com-著名福利彩票口号| www.235.cm-好彩一生肖-| www.3034.org-淘宝彩票合买技巧| www.8012.vip-彩虹伞的户外玩法| www.22221.com-河南彩民中大乐透| www.60676.com-贵阳体彩11选5| www.046485.com-甘肃快三遗漏数据表| www.126903.com-怎么下载菠萝彩软件| www.190447.com-安安徽快三开奖结果| www.253849.com-彩票app下-| www.314744.com-竞彩足球玩法说明| www.372674.com-江苏体彩排列三势图| www.455490.com-聚彩手机网址导航| www.533507.com-简单彩票-| www.671408.com-赢彩票下载-| www.735077.com-最新专家说彩| www.796578.com-博冠彩票app下载| www.862304.cc-k彩彩民福利| www.912687.com-大乐透彩票指南彩报| www.968434.com-举报时时彩-| www.bo32.com-手机68彩票-| www.rf21.com-中国体育彩票怎么玩|