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.912378.com-绵阳附近体彩店| www.133564.com-易旺彩票下载| www.218275.com-十选五彩票-| www.qp68.com-快三号码表图片| www.995963.com-牛佬足彩-| www.gd89.com-海南七星彩玩法| www.343318.com-立日彩票-| www.5758.pw-游戏厅的彩票机| www.225669.com-马云把彩票全买了| www.361097.com-福彩高管被抓| www.505844.com-彩票事件杀人| www.578539.com-柒鑫彩票盗刷| www.661802.com-竞彩足球最大奖金| www.eh87.com-众彩网程远预测| www.we33.com-兰州市体彩中心电话| www.13qb.com-河南彩票大奖得主| www.92wv.com-f彩网有保障吗| www.282587.com-时时彩五星最稳大底| www.076122.com-老梁说彩票视频| www.7887.pw-彩票交流回血上岸| www.eo01.com-快三内蒙预测| www.857713.com-广东福彩22选1| www.787119.com-12358彩先知| www.xu64.com-体彩多乐彩漏| www.761243.com-凤凰彩票官网首页| www.163042.com-大发快三怎么买数字| www.8210.vip-北京彩票管理中心| www.670004.com-海南人买的什么彩票| www.771912.com-非凡彩票app| www.860261.com-为何彩77下载不了| www.951277.com-足彩波胆什么意思| 福彩www.86267g.com| www.fo96.com-今日竞彩足球推荐| www.xm52.com-甘肃快三图下载| www.887981.com-彩票软件推荐| www.998540.com-国外快三福利彩票| www.ng66.com-福利快三官网| www.071715.com-彩色压印地坪施工| www.663489.com-苹果官方下载乐彩| www.64dt.com-体彩大赢家软件下载| www.757995.com-希望彩票是骗局吧| www.958936.com-彩117彩票-| www.up3.com-七彩奖今晚开奖号码| www.bc94.com-彩经网内蒙快三| www.57.cx-福利彩票倍投如何投| www.79ov.com-河北体彩网中奖查询| www.338414.com-体育彩票押注| www.892032.com-k彩娱乐登录| www.622113.com-五福彩票平台靠谱吗| www.136512.com-甘肃快三杀号带验证| www.221198.com-uu快三秘籍| www.288729.com-竞彩模拟擂台大赛| www.918747.com-博友彩app苹果| 500彩票www.348177.com| www.zq82.com-体彩飞鱼稳赚技巧| www.23wh.com-四川福彩app| www.2969.org-金祥彩票官网| www.157877.com-80彩票是骗人的吗| www.269835.com-彩九ios下载| www.777264.com-立彩软件苹果| www.144404.com-好彩堂跑狗图彩报| www.807792.com-中国竞彩中心| www.888873.com-帮账号主人投注彩票| www.954517.com-彩宝彩票app骗人| www.hw08.com-北京快三官网投注| www.yv38.com-黑马彩票计划| www.523251.com-中国福利彩票网址| www.626815.com-姓名彩票号码| www.715185.com-826彩票下载| www.797876.com-周易与彩票选号方法| www.132909.com-纸箱数码彩色印刷机| www.451448.com-因彩票打官司的案例| www.ja35.com-新浪福彩走势图| www.5dh.com-七星彩开奖直播现在| www.269039.com-彩票里面的砍龙| www.cp2077.com-分分快三技巧规律| www.828907.com-投注员打错彩票| www.40ww.com-2019七星彩大奖| www.397643.com-福彩刮刮奖破解| www.508835.com-爱玩彩应用-| www.23512.cc-义乌体彩网征召| www.541033.com-彩贝壳电话打不通| www.953081.com-福彩好彩一走势图| www.cp2424.com-快三怎么才算中奖| www.lm80.com-双色球擂台中彩网| www.202790.com-基诺型彩票规律| www.314508.com-足彩胜负平都买| www.861785.com-赢彩助手3d试机号| www.982420.com-互娱彩票注册| www.6071.vip-奇门地支测彩| www.11678.com-瑞诚彩票合买平台| www.53712.cc-重庆时时彩计划51| www.51922.cc-福彩3d72期-| www.004869.com-七星彩明月珰百度云| www.597533.com-头奖彩票进不去| www.665079.com-香港正板彩霸王| www.590448.com-威彩580-| www.122190.com-福彩中心作弊事件| www.185275.com-好彩三开奖结果| www.873477.com-官方彩38下载| www.987202.com-广西福彩兑奖服务处| www.el20.com-彩票代打-| www.yc24.com-彩71彩票合法吗| www.2415.xyz-安徽快三开奖规律| www.807075.com-新浪彩2博客| www.cp8158.com-易彩快3开奖规律| www.989594.com-瑞祥彩云彩票网页| www.161019.com-摩羯足彩预测| www.286797.com-安徽快三兑奖期限| www.365840.cc-彩铅涂色握笔| www.800150.com-中国体彩怎么玩法| www.930069.com-1980彩票平台| www.983814.com-离我最近的彩票店| www.445.cm-江苏老快三走势图| www.5094.xyz-推算时时彩开奖公式| www.13249.com-竞彩支持比例与误差| www.262604.com-江苏福彩3d走势图| www.811021.com-查一下彩票信息| www.947847.com-全国开奖我中啦彩票| 通盈彩票www.567610.com| www.255239.com-网络福彩3d骗局| www.034123.com-中国体育彩票nba| www.092926.com-问题彩民中大奖| www.61477.com-乐迷炫彩ios| www.86367.com-搞彩票倾家荡产| www.938680.com-南方双彩网首页大全| www.372150.com-彩票的条形码怎么看| www.980926.com-彩788预测-| www.ey66.cc-时时彩开奖助手苹果| www.3fp.com-一支彩染发剂怎么样| www.922159.com-彩礼钱一般给多少| www.733541.com-福建体彩中心电话| www.9322.org-彩票害人视频| www.85771.com-粉百合彩吧3d字谜| www.098800.com-福彩平台软件下载| www.400589.com-七星彩开奖新浪直播| www.268070.com-安徽快三遗漏值| www.5488.cm-福彩网上缴费| www.87oj.com-淘宝上还能买彩票| www.703736.cc-足彩单场胜平负竞猜| www.966255.com-时时彩带单骗局| www.xq7.com-3d彩吧图库-| www.94ep.com-彩票的串-| www.385383.com-梁宏达说彩票股票| www.576984.com-好彩运app-| www.450059.com-乐和彩wap-| www.587526.com-体彩排三的玩法| www.935057.com-天天赢彩票安全吗| www.pv09.com-美国彩票23亿| www.675.tv-重庆福彩电话| www.856611.com-南国彩票七星彩码王| www.970394.com-天天乐彩新人注册送| www.r30.com-快三多久一期| www.33516.cc-凤彩网体彩排三| www.932683.com-分分快三是什么| 天下彩www.934680.com| www.2099.ren-彩票打码晒票社区| www.7767.pw-今日开奖彩宝网| www.0085.loan-福利彩票都有啥| www.6488.cm-会员登录一98彩票| www.94745.com-2018福彩销售额| www.70zk.com-彩票3d图谜-| www.6486.org-7乐彩专家杀号| www.022411.com-vr时时彩-|