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.9788.cc-七星彩中奖玩法| www.217600.com-大发快三破解版下载| www.320072.com-江苏省快三遗漏| www.776205.com-嬴彩票-| www.870824.com-福彩36选7走势图| www.970215.com-安全购彩平台登录| www.sz05.com-七星彩够力奖表图| www.4966.vip-中彩网双色球地址| www.282989.com-黑客破解彩票| www.424006.com-合买彩票下载安装| www.553376.com-快三如何躲避长龙| www.964986.com-微彩站app下载| www.8888.vip-中福利彩票的人| www.085402.com-彩票九苹果下载| www.036317.com-彩票自动提醒| www.225540.com-厦门彩票托-| www.618677.com-刮刮彩怎么看| www.725750.com-青海快三走势| www.805788.com-领彩票为什么带面具| www.920892.com-凤彩网是合法的吗| www.60880.com-河北省体育彩票总部| www.084678.com-六开彩开奖结果v| www.196206.com-易彩网址-| www.375775.com-中彩网群英会走势图| www.533606.com-七星彩随机-| www.940059.com-速赢彩官网-| www.4zz.com-彩票大平台-| www.1864.xyz-q彩网网站是什么| www.20438.com-竞彩网篮球比分直播| www.80107.com-体育彩票竞彩调整| www.043540.com-甘肃省福彩快三开奖| www.01101.cc-江苏福彩网论坛| www.709158.com-1305彩票合法吗| www.81iy.com-新彩网排三试机号| www.034339.com-旭辉研彩软件官网| www.127556.com-凤彩网彩票app| www.207495.com-彩票软件大全双色球| www.1730.vip-加微信送188彩金| www.677670.com-华彩赢家是骗局吗| www.797768.com-网上彩票能买吗| www.903147.com-爱购彩大发快3| www.w90.top-彩票对打方法| www.086970.com-七乐彩中奖等级杏绚| www.023617.com-七乐彩销售时间| www.318478.com-福彩排列七奖池滚存| www.3320.com-彩色无遮挡很肉污漫| www.9992.date-彩色包装盒印刷公司| www.76557.cc-彩票中奖的故事| www.084512.com-六开彩即时开彩下载| www.043138.com-福利彩票往期中奖| www.ah44.com-熊猫娱乐彩票| www.427263.com-玩时彩把赢的钱输了| www.538380.com-国彩网合买彩票受骗| www.162810.com-彩票大全走势图| www.65499.cc-炫彩图片大全| www.975819.com-彩礼的顺口溜| www.co49.com-黑彩报警-| www.b13.biz-巨弘彩票多久成立的| www.45hs.com-彩票站整体出兑| www.538884.com-竞猜足彩混合过关| www.501173.com-有重庆五分彩吗| www.sw51.com-七星彩兑奖地点| www.22aq.com-状元彩票网-| www.130705.com-新婚姻法退彩礼| www.949372.com-百盈彩票系统| www.kw3.com-体彩山东快乐扑克3| www.022445.com-淘宝快三数据| www.ou15.com-北京快三买单双| www.699913.com-中国福彩开奖号| www.798566.com-彩八app官网| www.877126.com-体彩排列五速查表| www.957471.com-快三龙是什么意思| www.cai6567.com青海快三走势图| www.oe54.com-福彩快三输了| www.1591.cm-三d双彩论坛专区| www.978586.com-天天福彩资讯搜索| www.441167.com-手写彩票走势图| www.845006.com-福彩19014期| www.kx26.com-福彩3d彩吧库| www.70.com-2044彩票官网| www.94bv.com-迷彩倒计时软件下载| www.6308.cn-福彩乐透型开奖结果| www.026025.com-黑彩平台信誉排行榜| www.122553.com-时时彩计划qq交流| www.242345.com-中国福彩网官方网| www.627105.com-青蛙开彩-| www.345421.com-福彩6十1中奖表格| www.467368.com-怎么下载腾讯时时彩| www.553567.cc-玩彩屠龙是什么意思| www.638797.com-体彩店生意好不好| www.75ak.com-时时彩如何按倍数买| www.3109.net-疯狂赛车彩票违法吗| www.268970.com-长城彩票挣钱真假| www.2882.cc-如何才能破解快三呢| www.22254.com-时时彩彩票网址大全| www.164441.com-独栏彩票啥意思| www.195112.com-快乐彩票三-| www.305345.com-彩票35期预测| www.166041.com-快三是什么东西| www.13zd.com-七星彩论坛论坛| www.518110.com-神彩网开奖结果报码| www.200958.com-七星彩现场直播| www.286396.com-买彩精英专栏| www.374644.com-广东好彩i-| www.620231.com-西安福利彩票七乐彩| www.772439.com-彩民乐阳光探码| www.163651.com-福利彩票赛车| www.101112.cc-01时时彩-| www.603722.com-永城彩票网站| www.539893.com-大地彩票下载安装| www.189320.com-甘肃快三开奖号| www.529696.com-彩票直播平台| www.620651.com-淘金彩票app| www.713310.com-河南副彩开奖公告| www.809549.com-福利彩票30期| www.922500.com-竞彩分析师招聘| 大赢家彩票网www.83033u.com| www.849.in-铁公鸡七星彩长条表| www.6162.net-81彩票全天计划| www.877055.com-福彩4码最大遗漏| www.634.bid-中国125彩票网战| www.119054.com-01彩票是合法的吗| www.202385.com-安徽快三开奖和值图| www.272337.com-什么是江苏快三| www.345032.com-大发彩票能挣钱| www.426543.com-烟台市福利彩票地址| www.839073.com-凤凰微彩邀请码| www.893313.com-免费彩票过滤软件| www.956586.com-55彩票-| 网易彩票www.084wy.com| www.463725.com-七星彩天狼星预测| www.73046.com-搜索福彩藏机图| www.033944.com-体彩排列三独胆双胆| www.720893.com-02彩软件下载| www.cu95.com-加盟彩票店要多少钱| www.189342.com-彩票平台刷流水骗局| www.374261.com-网易彩票网下载| www.591687.com-西甲看什么博彩公司| www.698927.com-华夏彩下载-| www.785630.com-四川体彩app| 快彩在线www.2632h.com| www.855563.com-釉上彩成分-| www.178341.com-快3彩票有人发财吗| www.610572.com-北京彩钢板厂家| www.206893.com-152彩票网站| www.66066.cc-游戏娱乐申请送彩金| www.35524.com-中国长城彩票| www.997219.com-足彩任九场中奖查询| www.831567.com-3期计划彩票投注| www.760856.com-非凡高频彩票网| www.854244.com-多彩网安卓版| www.928017.com-山东十一选五彩经网| 尊彩www.083067.com| www.kv23.com-爱彩乐福建十一选五| www.166860.com-快三计划软件| www.367308.com-体彩一等奖-| www.499239.com-投彩网网址是多少| www.kp24.com-彩票中奖秘诀| www.183565.com-七k官方彩票下载| www.192766.com-彩票选号绝妙方法| www.988943.com-app上的体育彩票| www.365588.com-七星彩查询开奖结果| www.505597.com-炫彩字体生成| www.567182.com-旺旺彩票网-|