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.329760.com-中国乐彩网吧| www.28856.com-万喜彩-| www.734828.com-607彩票-| www.57468.cc-福彩自助投注机申请| www.061366.com-彩客彩票真实吗| www.29410.com-苹果手机彩票平台| www.72jd.com-福利彩票3d组选| www.4828.biz-梦见买彩票周公解梦| www.653.cc-分分彩百度贴吧| www.82uy.com-七星彩奖级表| www.5621.xyz-手机彩票老师带队| www.625001.com-豪彩娱乐注册办新密| www.lk14.com-中彩在线官方下载| www.811455.com-北京三分彩骗了我| www.898622.com-3d彩民乐钱图今天| www.974121.com-彩吧图库小军第二版| www.cp516.cc-快三官方平台| www.lp68.com-中彩了app下载| www.7819.cm-新粤彩报纸三语口诀| www.p57.tv-彩票网提现不了| www.027959.com-彩友多买彩票可靠吗| www.121265.com-福利彩票交流微信群| www.1509.me-福彩快乐彩玩法介绍| www.469146.com-快发彩票是什么意思| www.605204.com-吉祥彩官方入口| www.304334.com-海南时时彩开奖查询| www.604805.com-利澳彩票的网站| www.66wu.com-杏耀彩票下载| www.400503.com-如何查福彩站号查询| www.44715.com-西安彩票事件| www.959403.com-快三分几种-| www.57392.cc-立彩赚钱账号| www.xj91.cc-福彩彩吧论坛| www.976704.com-四川乐山彩礼多少钱| www.fx01.com-瑞彩网官网-| www.b67.club-人人购福彩-| www.0847.org-彩播版本1-| www.362697.com-最大的高频彩平台| www.38757.cc-福彩3d最新中奖号| www.6155.in-彩票计划全天全中| www.15243.cc-福彩专用报纸| www.64530.com-彩色压模地坪报价| www.40138.cc-淘之家彩票-| www.66655.com-2017足彩漏洞| www.008946.com-找一下彩票开奖| www.123412.com-3d牛彩官网-| www.203521.com-七星彩彩迷迷| www.270805.com-76c彩票网-| 600万彩票www.716866.com| www.wx79.com-福彩3d开奖号返率| www.c87.club-中彩乐走势图| www.62bw.com-时时彩开售时间规则| www.6096.shop-釉上彩作品-| www.151246.com-彩漂泡衣服要泡多久| www.275129.com-分分彩假-| www.424826.com-明发彩票提现快吗| www.537238.com-福彩怪字王-| www.622148.com-祥云腾讯彩计划| www.562061.com-宁夏快三技巧| www.522233.com-分分彩最新-| www.34194.com-保定彩票大奖| www.816271.com-易利三分彩开奖| www.136434.com-开户送彩金的网站| www.426830.com-玩快三有什么平台| www.7584.com-大通彩票手机app| www.28176.cc-彩票走势网126| www.616351.com-足彩三场两关怎么算| www.887.vip-体彩p3字谜藏机图| www.917184.com-彩票33平台多久了| www.974768.com-彩票新闻中奖农民工| www.cai118.cc-快三官网投注| www.26mz.com-今天福彩三d报纸| www.193.cm-简单清新彩铅画| www.3339.mobi-中彩彩票平台网址| www.n24.online-中福彩票加盟| www.22wi.com-九五彩票可靠吗| www.78551.cc-高频彩怎么看走势| www.45030.com-彩票负盈利分红| www.984358.com-鸣彩艺术传媒公司| www.k04.org-众购彩票现金网| www.851.online-铁公鸡七星彩规律图| www.7631.net-98彩票网站-| www.68007.cc-微信腾讯彩票游戏| www.038220.com-大财神彩票园| www.120810.com-彩吧3d走势图电脑| www.385739.com-欢乐彩票平台官网| www.47816.com-甘肃快三怎么玩| www.95454.com-买胜负彩赚钱方法| www.86362.com-周口福彩中心在哪| www.554198.com-天天爱彩票可靠么| www.661594.com-重庆时时采彩作假| www.013645.com-全民8彩票app| www.116353.com-彩虹的象征意义| www.983198.com-大发时时彩中奖计划| www.529202.com-七乐彩推荐专下| www.9996.loan-福彩开奖是假的| www.447707.com-点球彩app-| www.585115.com-五分快三彩票骗局| www.915299.com-淘彩票主页-| www.986413.com-竞彩兰球比分直播| www.zl6.cc-河南彩素481| www.2714.wang-彩票秘籍是真的吗| www.570719.com-打彩票歌曲-| www.515659.com-彩票买中了那里对钱| www.yw43.com-快彩甘肃11选5| www.23dh.com-彩票平台源码在哪| www.308.org-彩票奖券纠纷| www.4540.cn-彩票开奖查询新闻| www.258849.com-足彩比分直播网| www.462846.com-105彩票中奖福地| www.948235.com-好彩网论39492| www.cp6155.com-福彩快三官网app| www.251101.com-u9彩票ios下载| www.303709.com-湖南福彩天地报纸| www.393994.com-色彩对比作业| www.081218.com-体彩19047期| www.256184.com-官方彩下载-| www.382616.com-胜负彩19035期| www.99502.com-怎么看彩票11选5| www.233358.com-中彩网安徽快3| www.n02.xyz-彩票送礼金网站大全| www.6275.cn-五福彩票咋样| www.580753.com-快三出长龙的征兆| www.700089.cc-福彩3d规则好复杂| www.788589.com-足彩竞彩胜负2串1| www.035.cm-民生网彩票-| www.3588.top-福彩新快3开奖| www.095161.com-外围足彩-| www.254410.com-亚博彩票网址多少| www.383706.com-福利彩票电视哪个台| www.9966.cm-三b彩票中奖号| www.1433.cc-复式彩票中奖规则| www.005164.com-今天福彩体彩开机号| www.71094.com-快彩网什么时候开始| www.ql01.com-北京福彩一定牛快3| www.18uq.com-泰安体育彩票| www.486.com-签到送彩票-| www.457613.com-彩票大数定律| www.6qx.cc-彩票买错了可以退吗| www.565177.com-陕西福彩徐文轩| www.669381.com-蓝海娱乐海南彩票| www.015704.com-七星彩牛爹资料库| www.010725.com-3d彩票开奖试机号| www.555205.com-三分彩走势图怎么看| www.633160.com-如何买篮球彩票| www.863392.com-彩票接口商-| www.947541.com-福彩中大奖经验| 中国福利彩票www.34788h.com| www.424472.com-九万彩票充值没到账| www.65ik.com-重庆国彩网-| www.691633.com-万彩论坛网址| www.798573.com-8彩快三计划| www.883222.com-鸿彩彩票app| www.962768.com-京东彩票平台| www.dn1.com-广西福彩快3| www.166465.com-快三怎么玩和值稳赚| www.52vj.com-足彩凯利值怎么算| www.82659.com-福彩谜语总汇专区| www.733001.com-南京市体彩申请电话| www.790776.com-体彩排列三胆码预测| www.846607.com-足彩大赢家购买方式| www.891779.com-彩宝贝百位杀号3d| www.951813.com-九场足彩开奖结果| 中国福利彩票www.3478p.cc|