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.373068.com-彩票cp-| www.zz87.com-警察查获牛彩团队| www.113185.com-腾讯快三是什么彩票| www.288365.com-晨兴彩票网站| www.641055.com-金彩网天下网空彩票| www.106322.com-彩788导航-| www.596459.com-2015年福彩和值| www.707061.com-安徽合肥快三走势图| www.857333.com-利盈彩票真的假的| www.965427.com-百盈快三和值| www.06hh.com-星空简笔画彩铅教程| www.1336.vip-体彩和福彩造假| www.0679.xyz-福利彩票店开店流程| www.7276.net-小鸡彩虹歌曲名字| www.32155.com-8k彩票易彩走势| www.9260.vip-李村福彩养老院| www.057783.com-福彩2鱼玩彩| www.145274.com-3b彩报中心-| www.235038.com-中彩那天的课文| www.319381.com-彩民福地易彩| www.47ij.com-分分彩奖金制度| www.632.website时时彩害了我全家| www.6017.shop-胜负彩19061| www.21932.cc-5分快三是国家的吗| www.65905.com-手机彩票模拟机选| www.17720.com-体彩283奖金多少| www.67476.com-彩票为什么不是赌博| www.025342.com-ios上彩票app| www.095362.com-彩票造假视频| www.191971.com-湖北快三号码| www.279872.com-福彩三地天气网| www.365667.cc-秋天风景彩色铅笔画| www.478910.com-彩票开彩通-| www.568914.com-做梦自己彩票中奖了| www.646323.com-优彩网官网下载安装| www.718766.com-彩虹的句子短唯美| www.795105.com-快三14和值有几个| www.871981.com-福彩开机号码查询| www.965971.com-福彩3d投资计划| 大赢家彩票平台www.183209.com| www.gx26.com-百盈快三是福彩吗| www.c13.club-福彩三的和值表视图| www.46lr.com-三宝生活体彩屋官网| www.0081.xyz-彩票加油微信头像| www.5751.cc-体彩奖金怎么算| www.10614.com-足彩欧赔口诀| www.49894.com-足球彩票什么软件买| www.99142.com-腾讯时时彩后二组选| www.064804.com-腾讯彩票双色球预测| www.143011.com-彩虹网彩票网合法吗| www.02nu.com-彩虹光男头像图片| www.160.me-五洲彩票是真是假| www.463.xyz-福彩快三破解公式| www.4171.biz-九彩集团-| www.9455.vip-美国在哪儿买彩票| www.775823.com-90彩票平台登陆页| www.37lt.com-惠彩乐购官网| www.848259.com-山西彩礼一般给多少| www.976894.com-九江瑞昌彩礼| www.071208.com-彩票店转让手续| www.175920.com-福彩五分快三游戏| www.00xg.com-人造彩虹的实验过程| www.93gv.com-078彩票彩么样| www.3765.in-七乐彩胆拖投注金表| www.9652.biz-河北永年县农村彩礼| www.45663.com-大地网络彩票平台| www.95352.com-中国福利彩票销售点| www.062848.com-腾讯分分彩看盘技巧| www.129231.com-141彩票-| www.012083.com-周五福彩开奖| www.102123.com-彩天下靠谱吗| www.201145.com-七星彩图纸-| www.290307.com-众达彩票网站| www.365018.cc-惠民彩票登录| www.449832.com-彩票应不应该买保险| www.564399.com-福彩开奖说明| www.632452.com-福彩打错号如何解决| www.713520.com-众赢彩票计划| www.787932.com-对刷好彩票平台| www.858166.com-bb3d彩票3分钟| www.914323.com-福彩3d图迷yin| www.973106.com-彩6梗-| www.tm9.com-彩票站电视版走势图| www.sw77.com-澳门六星彩153| www.569250.com-福彩的密码被改| www.692077.com-彩乐网最新软件| www.788315.com-杨震谈足彩-| www.wb60.com-快三有坑吗-| www.71se.com-杭州恒彩装饰设计师| www.4171.top-七彩云染料-| www.373639.com-好彩烟双爆-| www.512525.com-儿童彩铅画花朵| www.583006.com-最全彩票走势图| www.658449.com-彩视怎么做-| www.728636.com-体彩p3双彩图| www.798058.com-体彩11选择5山东| www.861905.com-彩票电子书-| www.925223.com-河南快三和值表| www.982803.com-湖北快三玩法对照| www.ad82.com-彩票开奖宝贝| www.ug65.com-彩票中奖兑奖期限| www.16iq.com-彩票不倒翁投注方法| www.025311.com-人人赢彩票-| www.156236.com-彩票号码查询中奖| www.349699.com-刘谦预言彩票| www.445967.com-推荐彩票预测软件| www.553252.com-竞彩三串一中一千万| www.zy41.com-彩虹6号-| www.54oh.com-最优的移动彩票软件| www.3988.net-东北结婚四彩礼| www.9234.pw-乐彩网是合法的吗| www.32123.com-易彩堂邀请码给一个| www.358978.com-如何购体育彩票| www.566391.com-彩票软件分析| www.692664.com-趣彩彩票手机购彩| www.815868.cc-乐彩图表工具| www.932139.com-七星彩中三个有钱吗| www.ft23.com-上海快三开-| www.508607.com-众彩大乐透专家预测| www.613316.com-彩票全部开-| www.751212.com-彩票巴士计划师| www.886440.com-中国彩票有真实性吗| www.967242.com-专业彩吧助手走势图| www.62mq.com-篮彩推荐群-| www.090925.com-深圳体彩兑奖中心| www.199449.com-时时彩独胆方法大全| www.272284.com-福彩快三有赢的吗| www.27972.com-福彩双色球3d图谜| www.78568.com-新家坡天天彩资讯网| www.066091.com-青海快三走势图下载| www.501731.com-手机有什么彩票软件| www.586740.com-送38元彩金-| www.663859.com-七星彩论坛8o8| www.731072.com-网易官方娱乐彩票| www.491911.com-疯狂的黑彩-| www.570300.com-体彩第18154期| www.633277.com-台湾福星彩开奖记录| www.692023.com-时时彩平台出售价格| www.755656.com-6s彩膜-| www.41qb.com-怎么买七星彩| www.0310.xyz-彩创天地手工陶艺| www.935325.com-凤凰彩票导师群| 乐发彩票www.5881.cc| www.il83.com-手机买福彩双色球| www.f40.com-海南彩票怎么买| www.552141.com-河北11选5爱乐彩| www.97kk.com-快乐彩是假的吗| www.7472.xyz-体育彩票找店| www.365626.cc-足彩任九胆拖计算器| www.631644.com-七彩城-| www.739245.com-盛世彩票ss555| www.856589.com-中国体彩七星彩走势| www.915230.com-足彩竞彩推荐亚青赛| www.982434.com-时时彩计划官方网址| www.dg1.com-几十秒一开的彩票| www.vl90.com-彩票中奖纠纷案例| www.40eg.com-宁波体彩能兑奖吗| www.058632.com-彩界王子-| www.331078.com-棋牌彩票投注网站| www.165082.com-中彩在线彩票系统| www.376999.com-福彩8加1多少钱| www.539215.com-内蒙快三怎么玩稳赚| www.591867.com-福彩牛材网开机号| www.655765.com-七星彩中三个连号|