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.623267.com-破解红牛彩票快三| www.016116.com-唯彩会预测专家杀号| www.573161.com-怎么玩福利彩票| www.3465.cc-彩票双色球如何购买| www.1322.xyz-求幸运快三计划软件| www.11628.cc-幸运双色球彩乐乐| www.853478.com-4海南彩票开奖结果| www.966735.com-河南快三开奖公告| www.qy4.cc-怎么看快三要出豹子| www.25xw.com-福彩字谜软件下载| www.145694.com-彩客网竞彩足球擂| www.225343.com-安徽快三计划网页版| www.246827.com-91彩神下载app| www.339523.com-速盈彩怎么玩| www.429838.com-利彩正规吗-| www.284401.com-好听的彩票名字| www.394922.com-彩虹秒赞网正版查询| www.545377.com-彩票投注站申请电话| www.921019.com-彩票3d综合走势图| 汇丰彩票www.23hf.com| www.35737.cc-盈彩团队骗局揭秘| www.033732.com-七乐彩票走势图| www.3230.biz-头奖彩票不能登录| www.ow4.com-体彩19035-| www.608886.com-深圳快彩派彩走势图| www.lk80.com-彩八下载安装| www.222128.com-七星彩开奖公告结果| www.332706.com-我爱乐透彩票网| www.200039.com-今日彩票开奖结果| www.116337.com-最新彩票双色球分析| www.320062.com-彩票306网址| www.081801.com-七星彩网上怎么买| www.712758.com-大型的彩票软件| www.547579.com-七星彩梦书解梦查询| www.675819.com-彩宝网彩票开奖信息| www.761327.com-中彩票的税-| www.598177.com-传统足彩怎么玩| www.57uw.com-随机彩票怎么买| www.3292.win-福彩查询双色球开奖| www.911640.com-福彩3d直选复玩法| www.976247.com-49彩票集团网站| www.245478.com-微信朋友介绍买彩票| www.104108.com-黄好彩爆珠-| www.181377.com-彩票app哪个好| www.591428.com-快5彩票合法吗| www.062716.com-体彩屋在哪里下载| www.162214.com-篮彩预测分析推荐| www.72653.com-电竞彩票在哪买| www.54864.cc-cc彩球官网-| www.76hj.cc-兴华彩票下载| www.270084.com-248彩票-| www.408400.com-过年彩票停售几天| www.539328.com-快三豹子以后出什么| www.639277.com-给彩票业主交社保| www.377775.com-900万彩票下载| 大赢家彩票平台www.351761.com| www.2328.biz-万利线上彩票| www.10192.com-中彩网双擂台赛| www.32ir.com-福利彩票推荐书籍| www.182269.com-彩票双色球选号助手| www.298233.com-体彩七星彩专家预测| www.395785.com-张志春奇门测彩票| www.037299.com-大师彩票aqq| www.268953.com-3分彩的官网| www.375867.com-彩宝款式图片大全| www.505377.com-好用的彩票计划软件| www.632635.com-七彩视界账号注销| www.751708.com-端彩祥云app| www.828708.com-永信彩票app| www.916323.com-时时彩国际娱乐官网| AKW彩票www.akw0.com| www.097744.com-中国福利彩票地址| www.3632.xyz-竞彩分析软件手机版| www.82454.com-福客来彩票网址首页| www.21856.cc-用网络彩票套现| www.282691.com-体彩顺序不对中奖吗| www.921706.com-立彩一我的帐户| www.cai130.com-湖北福彩快三查询| www.yr01.com-我要体彩的开奖号| www.101632.com-四季彩是不是骗局| www.371069.com-新彩的制作-| www.716971.com-水溶性彩铅牌子排名| www.984803.com-8v彩票app-| www.1422.in-彩虹伞活动玩法视频| www.48197.com-众赢彩票的骗局官网| www.99737.cc-去香港可以买彩票吗| www.561160.com-彩王008-| www.cl82.com-淘彩票大发快3秘籍| www.7722.vip-大发一分钟快彩| www.262626.com-河北快三跨度走| www.581931.com-彩879平台-| www.438704.com-利奥彩票平台连接| www.788845.com-足彩合买预测分析| www.3505.cm-m5彩票平台跑路了| www.698562.com-彩铅画画-| www.ru92.com-90彩票平台代理| www.964366.com-中国彩票开奖信息| www.894650.cc-今天彩票图片大全| www.574872.com-糖果彩指导员| www.cp4599.com-快三复式应怎样复式| www.34891.com-90彩票是真的吗| www.494078.com-属鼠买彩票幸运数字| www.875297.com-区块链彩票是什么| www.884025.com-福彩3d综合走图| www.670306.com-狂欢彩票网址| www.yk7.com-10选5彩票骗局| www.50538.com-靠私彩赚钱-| www.90hm.com-三d彩吧助手| www.95545.com-天天中彩票不让提现| www.068258.com-七色球彩票中奖号码| www.131206.com-狂人时时彩后二直选| www.565338.com-佛山体彩普君店| www.111507.com-盈彩网下载-| www.655438.com-重庆彩合法吗| www.778448.com-体彩中大奖兑奖程序| www.938389.com-买彩票犯罪-| www.mb13.com-七星彩808加急版| www.829161.com-九彩软件计划| www.962338.com-湖北快三分析一定牛| www.378211.com-25日体育彩票开奖| www.0709.org-广州福彩申请条件| www.91fi.com-如何成为彩票分析师| www.631886.com-七彩视界骗局| www.39382.com-明天七星彩预测号码| www.631267.com-七彩阳光分解动作| www.141012.com-彩99软件下载| www.254215.com-福彩自助app| www.209197.com-快三开奖助手甘肃| www.305318.com-七星彩19040期| www.194005.com-幸运快三精准计划网| www.66614.cc-怎么查彩票开奖| www.030408.com-购彩app靠谱么| www.101354.com-大通彩票导航| www.167654.com-福彩上海快3| www.066782.com-权威认证博彩| www.6457.com-速8彩票走势| www.766186.com-甘肃酒泉福彩快三| www.847101.com-新浪竞彩盈亏指数| www.939318.com-竞彩足球北单推荐| 55彩票www.755740.com| www.nr20.com-中国人人快三网安卓| www.5459.vip-一分快三倍投公式| www.130989.com-确山彩礼-| www.825133.com-江苏体彩助手| www.925611.cc-金彩网是合法的吗| www.984815.com-彩票55安卓下载| www.wo98.com-下一个体彩走势图| www.36ga.com-好彩客旧版-| www.0998.date-快三号码预测软件| www.604140.com-新福彩3d玩法| www.830300.com-机选一注福彩3d| www.432335.com-13彩做任务靠谱吗| www.570933.com-体盲彩票开奖日期| www.632224.com-融彩网平台怎么样| www.688552.com-105彩票输的太多| www.765345.com-老808彩票-| www.829208.com-高频彩害的家破人亡| www.914900.com-竞彩分析专家足彩| www.975985.com-万博购彩官方下载| www.xm2.cc-彩吧图库-| www.wo43.com-玩彩票输了几十万| www.07aw.com-彩铅星空狼画法| www.54zq.com-莲中彩票-| www.4um.cc-深圳体彩网首页|