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.220037.com-江苏快三彩票遗漏| www.329959.com-时时彩坑人吗| www.001977.com-福彩3d浪淘沙| www.529716.com-双彩论坛体彩试机号| www.126225.com-景乐福彩端-| www.oq52.com-人类彩票中奖故事| www.0679.net-开福利彩票在哪申请| www.21692.cc-彩票店微信有吗| www.609049.com-体育彩票销售到几点| www.gi34.com-广西快三和值走势图| www.04nl.com-大众彩票最新消息| www.065972.com-彩虹六号本子| www.172192.com-快三缩水软件安卓| www.393797.com-今晚的彩票是多少| www.609177.com-乐游彩票官网下载| www.715879.com-七星彩怎么包浆赚钱| www.830641.com-领先彩票app| www.948074.com-大乐透预测众彩网| www.cai9983.com七星彩开奖结果| www.505991.com-许昌盛彩滴滴的要求| www.571632.com-快三中了一倍多少钱| www.847205.com-古建寺庙彩绘预订| www.477966.com-时彩族在线计划| www.343959.com-网易彩票电脑版网页| www.462327.com-福彩500开奖| www.566587.com-福彩3d中彩网3d| www.35361.cc-彩票讨论微信群群号| www.057878.com-网易竞彩资讯| www.3628.cc-彩播app有病毒吗| www.09345.com-广东福彩下载| www.58713.cc-中国福彩彩报| www.296330.com-江苏快三计划专业版| www.384955.com-d9彩票d9-| www.566650.com-无线代棋牌彩票平台| www.635738.com-皇冠比分网彩票| www.706072.com-聚星彩票合法吗| www.778101.com-广西七乐彩-| www.850187.com-足彩几串最好| www.910415.com-彩票聊天室平台计划| www.981819.com-中国彩客网首页| www.fv2.cc-时时彩最快开奖| www.xe97.com-七星彩2254-| www.14qc.com-手机版百乐彩怎么玩| www.90mh.com-香港利记博彩| www.715058.com-7728彩票靠谱吗| www.801711.com-福彩试机号牛材网| www.880690.com-福利彩票怎么买技巧| www.954016.com-体育彩票用什么软件| 澳客彩票www.277ak.com| www.ue22.com-五分彩人工计划| www.520987.com-必发彩票是非法| www.622688.com-菁彩校园-| www.697371.com-七星彩网开奖结果| www.781734.com-彩票多少钱开始收税| www.858473.com-乐购彩票uu快三| www.922969.com-深圳彩票店转让信息| www.975713.com-长葛彩礼一般给多少| www.134131.com-好彩纯烟-| www.156788.com-有中福快三的网站| www.17539.com-赢彩票是正规网站吗| www.269299.com-南方彩票骗局| www.356849.com-体彩彩票复式号| www.443311.com-大盘娱乐彩票| www.528311.com-黑客破解黑彩平台| www.590769.com-彩票对数是什么| www.656605.com-牛蛙彩图四不像| www.718563.com-备注是个彩虹| www.785198.com-胜彩票-| www.853626.com-好彩快印-| www.906721.com-福彩胆码-| www.962333.com-精英彩票app| 名门彩www.33997z.com| www.br83.com-喜盈门彩票app| www.ui46.com-快乐彩34-| www.52693.cc-好彩店app官网| www.468733.com-分分彩投注app| www.587301.com-开一个体育彩票店| www.491922.com-花开富贵彩票| www.318397.com-福彩每天都有开奖吗| www.807788.cc-玩彩票大平台wcp| www.608291.com-体彩湖南幸运赛车| www.974658.com-快三重大奖-| www.17bm.cc-华夏鑫彩积分互通| www.75912.com-博牛彩票查询双色球| www.3726.cm-球彩臺-| www.746522.com-优惠彩票网-| www.yv38.com-黑马彩票计划| www.76qk.com-阿里彩票平台| www.165316.com-金沙彩票靠谱吗| www.797187.com-亚搏足彩app| www.913373.com-天天彩票兔兔向前冲| www.775379.com-49c永利彩票登录| www.52237.cc-电信彩铃-| www.574789.com-彩票系统出租顶级| www.594.in-彩票计划群反投| www.906928.com-如何看极速快三走势| www.547020.com-彩票平台投注刷流水| www.684096.com-彩票杀号软件| www.781480.com-66官方彩票安卓版| www.872074.com-贵阳彩民-| www.974234.com-福彩和体彩怎么玩法| www.cc19.com-体彩排列五试机号| www.1fz.cc-排列五最新彩民乐| www.429.com-3d家彩开机号| 天下彩www.983480.com| www.85uz.com-3d第四版彩报| www.4659.vip-最低充值1元起彩票| www.rm50.com-快三改20分钟一期| www.569267.com-彩票店上班的坏处| www.737475.com-日本彩票开奖信息| www.810827.com-福彩3d真实的谎言| www.913011.com-彩客网是什么东西| www.986909.com-快三倍投怎么投| www.bc10.cc-快三高手教学视频| www.323676.com-体彩金七乐走势图| www.63vd.com-哪里有彩票平台出租| www.680164.com-盈易福彩受骗| www.774699.com-体彩顶呱刮最新票| www.839822.com-福彩标语-| www.916035.com-怎样开福彩投注站| www.974089.com-168时时彩下载| www.lx80.com-天津快三走势图| www.500075.cc-狂三的全彩无修本子| www.682391.com-什么平台可以买足彩| www.072628.com-世纪佳缘上说买彩票| www.s84.cc-福利彩票今天开几号| www.041456.com-久久发彩票-| www.53592.cc-时时彩破绽在哪里| www.639122.com-余姚体彩中心在哪里| www.1780.in-体彩排五的开奖结果| www.662658.com-如意彩票人工计划| www.758611.com-99彩票可以提现吗| www.834834.com-青海福彩大奖无人领| www.889834.com-1994年七月彩票| www.947049.com-22福利彩票-| www.983864.com-七星彩加急版或早版| www.cp3573.com-大发快三计划预测| www.313903.com-福彩票24号-| www.385788.com-九万彩票软件可靠吗| www.041531.com-加拿大彩票-| www.112165.com-泰安3亿彩票| www.163308.com-腾讯十分彩开奖软件| www.229565.com-彩票返点分配下级| www.69750.com-吉林快三开奖app| www.153422.com-七乐彩拖胆投注表| www.827955.com-投诉app彩票网站| www.08089.com-江南彩姐预测| www.088838.cc-玩彩哪个平台安全| www.099100.com-彩票站源码-| www.650504.com-北京快三和值公式| www.94442.com-南国彩票现场直播| www.23119.cc-彩票多大尺寸| www.99166.com-博彩业务员-| www.506690.com-福彩3d麦久网| www.611588.com-双彩i论坛-| www.688745.com-会员注册鸿鼎彩票| www.859801.com-中博彩票app| www.982525.com-官网时时彩宝典下载| www.b41.pw-江西福彩助手正规嘛| www.51ya.cc-六福彩是什么意思| www.2294.cc-甘肃快三两码遗漏表| 汇丰彩票www.hf6660.com| www.909640.com-玩彩老头推荐七乐彩| www.976148.com-郑州结婚彩礼是多少|