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.364306.com-测彩高手双色球预测| www.305606.com-王百万买彩票牛牛| www.388603.com-重庆时时彩哪投注| www.013571.com-七星彩走势图新浪网| www.141386.com-3d字迷新彩网| www.468859.com-正月初七福彩开奖吗| www.588556.com-网易七星彩跨度| www.693837.com-彩票兑奖时间限制| www.822699.com-排列三开机号利彩网| www.934320.com-智博彩票是真的吗| www.pp.com-购彩大厅密聊| www.27tp.com-龙珠全彩本子| www.836706.com-竞彩过关计算器| www.838279.com-广西快三为什么停了| www.921844.com-五分时时彩免费计划| 爱米彩www.am7779.com| www.jj44.cc-吉林快三奖池金多少| www.cai0800.com快三网站平台| www.859358.com-体彩开机号家彩网| www.30738.com-新盈彩彩票官方网站| 网易彩票www.36788c.com| www.x80.biz-彩票互联网重启| www.71514.com-河南幸运彩助手| www.tj63.com-体彩试机号近十期| www.121.tv-网易彩票人工客服| www.8041.vip-花图片水彩-| www.855545.com-各种袖彩大瓶| www.269.cx-七星彩三字头尾| www.083089.com-彩票开奖中国彩吧网| www.8532.loan-瑞安彩乐鸟鞋网店是| www.172262.com-周易算法算快三| www.009740.com-下彩网跑路了| www.656852.com-北京福彩快三app| www.769985.com-高频彩网站出租| www.870535.com-盛大彩票下载| www.959755.com-赢盈彩下载安装| 大奖彩票www.55djcp.com| www.ms84.com-全球彩票安卓版| www.86800.com-七星彩竞彩网| www.1020.online韩国1.5分彩计划| www.599071.com-顶尖的足球彩票| www.781696.com-3d福彩布衣123| 福利彩票www.8039p.com| 七星乐www.535666e.com| www.30oz.com-七乐彩大奖兑奖流程| www.770634.com-必发指数网新浪爱彩| www.1918.me-亚彩会手机版官网| www.400795.com-七星彩胯度-| www.689281.com-七乐彩复式怎么打| www.774896.com-网上怎么买快3彩票| www.854141.com-多多彩app-| www.912336.com-大发快三趣客站网址| www.978625.com-福彩自助精灵靠谱不| www.pn9.com-韩国快三可靠吗| www.817642.com-足彩19021任九| www.889240.com-七乐彩假的-| 鸿运彩票www.hy5501.com| www.120653.com-体育彩票竞彩提成| www.207153.com-免费彩票计划平台| www.271711.com-丰彩1元有中奖的吗| www.347068.com-超好看又漂亮彩铅画| www.117652.com-福彩幸运点半| www.02497.com-至尊彩-app-| www.779544.com-七星体彩开奖表| www.858433.com-七乐彩开奖有直播吗| www.923025.com-体育彩票几点关门| 大玩家彩票www.717224.com| www.54ex.com-彩民推荐号码下载| www.790424.com-天天中彩吧3d图迷| www.yh5.com-时时彩走势图怎么看| www.965641.com-凤凰彩票刷钱| www.jw15.com-竞彩彩客网-| www.660303.com-人工智能足彩| www.879530.com-重庆时时彩封盘几点| 环球彩票www.47d.cc| www.11xj.cc-诚信快捷体彩实体店| www.552699.com-凤凰乐彩网-| www.655455.com-湖北彩礼多少| www.650920.com-荷花水彩教程| www.764707.com-彩神通关注金码和尾| 大赢家彩票网www.210955.com| www.xx70.com-赌大小的彩票app| www.347.bid-双色球福彩中彩| www.029111.com-爱彩乐天津十一选五| www.571324.com-福彩3d通-| www.661719.com-旺彩可以买彩票| www.801527.com-长城彩票真假问题| www.958618.com-七星彩奖池金额查询| www.88dh.com-cp36彩票app| www.033364.com-三十五选七福利彩票| www.20479.com-幸运快三开奖走势| www.63177.com-手机17彩票-| www.008408.com-钢琴更多精彩小视频| www.063046.com-营口福彩-| www.75778.cc-高频彩倍投止损技巧| www.21103.com-中体彩科技公司官网| www.668493.com-博彩对冲-| www.721408.com-购彩大厅开奖| www.856751.com-体彩七星彩开奖历史| www.910800.com-彩神计划手机版| www.973687.com-竞彩进球数模拟软件| www.ib92.com-彩票假吗-| www.917.online-中国福彩积分查询| www.27458.com-怎样做福彩快三| www.002337.com-云南畅游快三| www.177879.com-江苏快三新规则| www.0050.cm-彩票双色球走势表格| www.26328.cc-彩吧彩票官方下载| www.280608.com-新时彩网-| www.398302.com-福彩3d开奖号预测| www.560015.com-今日福彩预测| www.749896.com-排列三字谜双彩论坛| www.805133.com-七乐彩3等奖多钱| www.e75.net-海南七星彩头尾资料| www.642087.com-一出好戏彩票| www.358747.com-体彩中6个数字| www.719713.com-长春体彩11选5| www.663089.com-凤凰竞彩是什么| www.90580.com-口袋彩店如何下载| www.142529.com-跟彩运网一样的网站| www.83622.cc-易中彩票网站靠谱吗| www.809035.com-买彩票中奖感言| www.8324.loan-福利彩票代销到期后| www.857989.com-手机买彩票的客户端| www.985605.com-竞彩足球单场分析| www.ro77.com-那大哪里有七星彩票| www.9721.biz-网上彩宝是真的吗| www.137051.com-c99彩票下载安装| www.cp484.com-福建快三遗漏号码| www.631357.com-云彩简笔画-| www.699474.cc-江西快三微信群| www.763353.com-中国福彩35选7| www.18858.cc-彩票988-| www.236236.com-荣兴彩票的网址| www.334003.com-彩票正规网站| www.824066.com-新彩画-| www.060107.com-福彩公益金使用范围| www.894100.com-靠谱彩票手机客户端| www.yj88.com-购买大乐透彩票投注| 爱上彩票www.ascp3.com| www.948168.com-今日福彩3d图纸| www.cp8418.com-福彩快三中奖概率表| www.sm18.com-时时彩拉手-| www.49mg.com-足彩攻略-| www.17598.com-淘宝彩票停售去哪买| www.975788.com-北京福彩电投小助手| www.cz51.com-国家足彩培训师考试| www.318464.com-南昌彩票中心在哪| www.4924.org-都皇彩票app| www.557759.com-澳门赌彩大全白菜网| www.e29.shop-易彩网彩票走势图| www.866146.com-5年信誉彩票| www.623537.com-竞彩猫杨震专栏| www.208817.com-老谢说彩的头条主页| www.328038.com-158彩票app-| www.409808.com-北京彩色透水地坪| www.11586.cc-体彩七位数随机一注| www.449309.com-彩票直通车合法吗| www.00827.com-万彩吧双色球玄机图| www.080331.com-竞彩玩法-| www.522062.com-高频彩有赢的吗| www.621761.com-彩神vii下载注册| www.896685.com-彩票自动投注方案| www.952664.com-乐和彩登陆首页|