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.bs48.com-快3彩票平台app| www.070868.com-大中华彩票-| www.997798.com-彩票中心投诉电话| www.bx55.com-篮球博彩技巧| www.uh37.com-彩票的骗局-| www.06wx.com-北欧麋鹿彩铅画教学| www.hj53.com-快三彩票兼职投注手| www.055949.com-地方快三可靠吗| www.596668.com-极速飞车彩票公式| www.720016.com-在线机选七星彩一注| www.853579.com-彩6精华版网站| www.998335.com-pk彩票邀请码| www.791542.com-体育彩票竞彩店图片| www.251271.com-今日中彩有什么奥妙| www.404449.com-七星彩怎么算| www.440431.com-失信人彩票中奖| www.575226.com-惠普彩色打印机报价| www.160270.com-传奇彩票下载| www.839915.com-责任彩票的九个方面| www.578030.com-彩票微信代购违法吗| www.762592.com-五分时时彩开奖计划| www.938778.com-亿彩网址登陆| www.4196.org-七彩课堂语文电子版| www.954497.com-博竟彩票平台| www.cp2833.com-福彩快三是合法的吗| www.537962.com-彩云国红仙-| www.007455.com-幸运彩票手机版下载| www.222673.com-大众彩票计划网| www.325055.com-体彩排列三图谜汇总| www.614883.com-糯种三彩翡翠价格| www.598185.com-福彩复式中奖计算器| www.678723.com-澳客竞彩必发指数| www.757891.com-亿佰彩票是真的吗| www.822732.com-体彩官网-| www.883419.com-彩票端合法吗| www.947857.com-台湾彩票开奖结果| www.990462.com-福彩字谜图谜大全| www.bm09.com-五洲彩票-| www.370887.com-竞彩九场投注| www.027499.com-希腊五分彩-| www.979388.com-福彩票开奖号码查询| www.21711.cc-微信摇一摇彩票预测| www.91126.com-七彩烟雾烟花价格表| www.967316.com-福彩双色球选号| www.vq04.com-e球彩有多少种玩法| www.221260.com-彩票是否中奖查询表| www.56727.com-腾讯时时彩规律口诀| www.345388.cc-彩票走势图是什么| www.506150.com-黑客攻击私彩| www.579614.com-彩票app360-| www.660093.com-数字游戏机彩票玩法| www.088075.com-亿彩下载苹果| www.159426.cc-安徽合肥竞彩快三| www.242343.com-彩票软件如何破解| www.318683.com-莱利ll彩票登陆| www.406452.com-微信彩票竞猜没有了| www.514165.com-网上彩票安全吗| www.580869.com-彩票平台制作多少钱| www.664939.com-彩民之家a图| www.768925.com-足彩竞猜app下载| www.843639.com-福利彩票付主任获刑| www.918001.com-福利彩票代理多少钱| www.979398.com-缅甸好彩柠檬双爆| www.mc35.com-中彩彩票高倍邀请码| www.1mp.com-连连中彩票-| www.61cv.com-心脏彩超pg-| www.7443.cc-上海开彩票店赚钱吗| www.947275.com-3d鬼六神算牛彩网| www.8ks.com-重庆实时彩软件| www.3836.vip-台湾五分彩在线计划| www.172345.com-正规的彩票网站| www.969487.com-宝赢彩票软件手机版| www.cp3132.com-新快三游戏手机| www.pq32.com-福彩精彩十分推荐| www.8586.wang-彩票操控曝光| www.619004.com-足彩最新推荐| www.751403.com-聋哑人福彩分??| www.844324.com-彩票什-| www.914083.com-广西福彩网官方网站| www.970530.com-福彩排列七的走势图| 大赢家彩票平台www.591029.com| www.fs10.com-快三直播在线直播| www.xp63.com-想中彩票-| www.206779.com-福彩30万都是托| www.699548.com-竞彩资讯中心| www.544442.com-彩票店会显示中奖| www.674451.com-79彩票平台注册| www.272065.com-立彩首页-| www.fq42.com-福彩快三贵州| www.968904.com-彩金价格2018| www.cai4822.com江苏快三开-| www.365546.cc-干家务的简笔画彩铅| www.28952.com-彩票被洗了还能兑奖| www.394865.com-周日有什么彩票开奖| www.690411.com-足彩百家欧赔| www.517355.com-高频彩平台下载| www.29fo.com-彩铅画海-| www.557060.com-有网站可以买彩票吗| www.447770.com-重时时彩三星走势图| www.549499.com-足彩欧冠规则| www.615960.com-彩神通关注号金码| www.680225.com-江苏快三首页| www.747522.com-盐城中彩票-| www.786671.com-彩票快三的技巧| www.39329.com-旺彩大乐透开奖号码| www.777225.com-七星彩奖虫软件下载| www.fn74.com-足球竞彩500| www.86608.cc-彩吧图总汇-| www.831113.com-手机彩票助手| www.902295.com-微信里能买彩票吗| www.964279.com-500w彩票-| 凤凰彩票www.88266h.com| www.mr32.com-锋彩直播苹果版下载| www.17yh.cc-青海快三走试图| www.77ac.com-福彩单双期走势| www.0691.net-足彩比分500直播| www.8731.org-全民8五分彩| www.44169.com-白银福利彩票站点| www.439690.com-快快彩票下载| www.020066.com-体彩号码推荐号码| www.283252.com-彩票网玩法-| www.520064.com-大发快三怎么计算| www.640759.com-荣耀彩票是正规的吗| www.966049.com-福彩3d能不能倍投| www.pl8.com-网上qq群买彩票| www.111996.com-被骗到菲律宾卖彩票| www.136409.com-四川福彩快3| www.16qh.com-100万彩票app| www.380477.com-甘肃快三开奖连线图| www.563503.com-微信投彩票怎么投注| www.717101.com-儿童彩笔品牌| www.925868.com-爱乐透彩票万博门户| www.qy76.com-腾讯五分彩官网| www.2477.vip-彩票网首页| www.cai999.cc-快三算法-| www.08zt.com-尼彩手机官方旗舰店| www.958773.com-彩票软件下-| 百姓彩票www.bxcp3.com| www.iz36.com-辽宁体彩11选五| www.yo63.com-体育彩票11选5| www.109200.com-北单开奖结果彩客| www.195287.com-重庆时时彩官网平台| www.81hn.com-时时彩福少做号软件| www.2385.pw-福彩开奖结果查开| www.79356.com-福彩3d字谜沦坛| www.vf08.com-安徽快三二同号技巧| www.25en.com-心同彩票平台| www.981446.com-大乐透彩票奖金计算| www.47uw.com-广西体彩网上投注站| www.6004.me-明天开彩票吗| www.26923.com-新浪乐彩走势图表| www.371683.com-西安天彩粮骗局| www.005274.com-go彩是合法的吗| www.086925.com-神彩1下载-| www.283125.com-星彩-| www.61638.com-下载卖彩票-| www.044417.com-彩票开奖三d试机号| www.605081.com-体彩胜负彩好中奖吗| www.xo26.com-浙江体彩十一选5| www.32271.cc-188彩票网站网址| www.48ao.com-快三开奖结果彩乐乐| www.287.cm-彩家园是黑平台吗| www.2119.win-苏州市福利彩票| www.6558.pw-盈丰彩票下载安装|