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.20500.cc-乐彩cc33app| www.890129.com-nba彩票网站| www.ad66.com-1分快三计划稳定| www.697910.com-港彩网址大全| www.816229.com-河北快三选号计巧| www.919508.com-快彩网源码-| 百姓彩票www.bxcp3.com| www.7163.bid-七彩云南的翡翠好吗| www.41yv.com-世界杯去哪买彩票| www.25711.com-彩民周刊编辑组专家| www.97686.cc-nba每日推荐竞彩| www.438053.com-腾讯10分彩计划| www.971879.com-彩拾违法吗-| www.85ef.com-彩票人工计划靠谱不| www.982432.com-全天时时彩计划网页| www.jb69.com-足彩竞猜分析网易| www.87yd.com-排列及体彩其他玩法| www.097205.com-体育彩票公益金用途| www.278302.com-有pc快三吗-| www.423018.com-福彩开店详细流程| www.535038.com-好友游戏彩票| www.280108.com-时时彩预测计划| www.485609.com-彩票开源系统排行榜| www.580794.com-胜负彩怎么算中奖| www.136234.com-梦想彩票登陆网址| www.46092.com-福彩3d和值余| www.055351.com-江西快三网投| www.191362.com-快三走势好坏怎么看| www.388673.com-发彩网大小单双句| www.093979.com-福彩蛋蛋正规不| www.6195.ren-重庆时时彩靠谱网站| www.04819.com-买足彩技巧-| www.48nq.com-泰国彩票分类和玩法| www.399176.com-彩票双色球中奖新闻| www.29357.cc-天津福运快三查询| www.878152.com-南京市福彩中心电话| www.954284.com-时时彩助手旧版本| 易彩网www.686pp.com| www.lr20.com-三d彩票走势图| www.047368.com-大星彩票走势大全| www.877540.com-七乐彩十大专家预测| www.79cp.com-天吉彩票网-| www.261886.com-彩票注册彩金送38| www.495114.com-港彩平码三中三规律| www.984694.com-大乐透机选彩吧助手| www.73332.com-8816彩票赚钱| www.502903.com-叮叮彩票合法吗| www.822477.com-中国竞彩网站首页| www.710251.com-首充送彩金网站平台| www.808376.com-彩票分析大师破解版| www.905377.com-yy彩票平台-| www.985023.com-分分时时彩平台官网| www.fz00.com-举报时时彩在哪举报| www.b54.org-江西快三每天多少期| www.253119.com-宝马彩票平台| www.369162.com-彩票中奖人物| www.730896.com-麒麟彩票软件| www.830985.com-胜负彩4月赛程| www.920982.com-彩神8v-| www.612609.com-巴西三分彩官网| www.731245.com-风彩网彩票-| www.822972.com-6hycom彩友网| www.906923.com-福利彩票刮刮奖品种| www.984712.com-福彩中心编制改革| www.200027.com-体彩开奖公告| www.51189.com-优彩网大发快三| www.yb11.com-网上购彩足彩app| www.656827.com-福彩3d走势图中彩| www.3838.date-体育竞彩首页| www.604614.com-d9彩票现在的网址| www.773906.com-福彩买大小投注网站| www.862229.com-南国彩票论坛南海| www.922342.com-广东彩票365| www.974342.com-网络购福利彩| 500彩票www.904817.com| www.262629.com-河北彩票11-| www.353688.com-湖北快三走连线图| www.485877.com-手游彩票网址| www.88278.com-点点彩票下载| www.8317.live-彩票win在线| www.778336.cc-彩之乐在哪里能下载| www.sx60.com-彩票玩法详解| www.64tk.com-体彩排列3预测杀号| www.580609.com-体彩专管员双休吗| www.929729.com-七星彩网-| 凤凰彩票www.66652b.com| www.323215.com-乐彩彩票是正规| www.258855.com-竞彩单场推荐| www.728018.com-名人彩票测速登陆| www.4ey.com-澳客网彩票官网首页| www.j14.cc-七星彩梦册查码大全| www.71ic.com-老重庆时时彩图感觉| www.626399.com-led全彩屏-| www.783235.com-机选一注七乐彩| www.904111.com-彩票合买团-| www.cp639.cc-福彩快三代理| www.23058.com-新彩网3b字谜| www.712916.com-河北快三走路| www.338577.com-彩票群如何拉人| www.26916.cc-七星彩单式票啥意思| www.84140.com-新婚姻法彩礼限额| www.xx36.com-佬牛足彩博客| www.29ps.com-乌市福彩中心| www.822699.com-排列三开机号利彩网| www.906933.com-中国福彩规则及奖金| www.383335.com-5k彩票骗人-| www.636150.com-彩虹6号墨冰怎么卖| www.731838.com-彩色包装袋厂家| www.838105.com-易网彩票网开奖直播| www.968474.com-鲍学全控制中彩票| www.hl30.com-江苏福彩快3开奖| www.016729.com-博友彩江苏快三首页| www.277568.cc-快三单机游戏| www.242904.com-彩票大乐透-| www.23399.cc-跨度振幅体彩排列三| www.71028.com-体彩大乐透计算公式| www.039070.com-正规网投彩票网站| www.857130.com-香港牛蛙彩开奖现场| www.921023.com-陇彩宝安卓手机下载| www.382287.com-我想中彩票我急缺钱| www.mz01.com-安徽快三时时彩网| www.5596.net-玩手机彩票软件下载| www.135887.com-竞彩胜负平玩法| www.254577.com-时时彩什么时候停| www.698844.com-6加1彩票规则| www.794689.cc-网络快三彩票赌博| www.878459.com-于盛彩票-| www.969837.com-福彩快乐双彩| www.tg4.cc-福彩开奖公告| www.88bi.cc-凤凰彩票兼职靠谱吗| www.95561.com-福利彩票分配比例| www.066091.com-青海快三走势图下载| www.255.cn-彩钢门头-| www.3538.cm-七乐彩网易杀号定胆| www.8345.biz-局王七星彩图纸| www.23785.cc-新3d彩票骗局骗局| www.254053.com-彩票808网-| www.586446.com-彩票预估-| www.657352.com-点点中彩票能玩吗| www.128521.com-闪蒙快三-| www.384368.com-彩票竞猜好运连连| www.801269.com-猫咪彩票网址| www.884178.com-福彩3d五行图走势| www.958836.com-网上彩票开售了吗| 500彩票www.50024f.com| 新盈彩www.xinyc8.com| www.665079.com-香港正板彩霸王| www.273926.com-有没有香港时时彩| www.3990.org-竞彩网app下载| www.51976.cc-快三买复式怎么算钱| www.025540.com-极速彩票有什么规律| www.114484.com-彩票全天单期计划| www.605152.com-梦到彩票中奖| www.540069.com-适合跳快三的歌曲| www.49139.cc-分分时彩是真的吗| www.4266.biz-好彩赢三张游戏下载| www.432040.cc-彩票行家com下载| www.66835.com-彩票77手机版| www.691028.com-竞彩足球158| www.029596.com-彩宝3d个位三胆| www.746866.com-彩票每日抢红包| www.833012.com-3d彩票app下载| www.907855.cc-合肥彩票中奖人| www.982294.com-六福彩结果-|