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.994802.com-彩16网页-| www.59272.com-梦图解码七星彩大全| www.054277.com-端彩祥云下载| www.188145.com-安徽快三怎么投注| www.088658.com-黑龙江福彩网双色球| www.6125.biz-彩色水磨石施工方案| www.30022.cc-网上亿彩是正规的吗| www.656175.com-亿彩靠谱吗-| www.004.bid-彩神争霸500网站| www.03950.com-辽宁省福彩官方网站| www.322809.com-hao彩票-| www.355285.com-彩票怎么对-| www.474810.com-长江彩票app| www.608005.com-玉林体彩发行中心| www.782222.com-彩票幸运定律| www.rh74.com-大发快三彩票| www.783973.com-乐优彩票打不开了| www.671625.com-做梦梦到彩票中奖| www.72993.cc-198彩平台-| www.150473.com-中彩福彩票软件下载| www.1444.cm-真钱游戏赠送彩金| www.o35.net-彩票分析予测| www.471163.com-我想做网络彩票代理| www.585838.com-足球体彩规则及奖金| www.668514.com-七星彩中二个数| www.fw33.cc-福彩三分快三合法吗| www.74sf.com-幸运彩票提现成功| www.371127.com-陶瓷新彩颜料| www.54419.com-卖彩票怎么挣钱| www.071888.cc-彩钢板围挡施工方案| www.2861.shop-安徽体彩十-| www.509684.com-足彩胆-| www.614062.com-聚龙福彩-| www.713270.com-52亿彩票-| www.822286.com-668彩票网下载| www.rv69.com-最新彩票指南报纸| www.157158.com-北京彩票中过大奖吗| www.ec58.com-分分快三正规吗| www.629565.com-彩色复印机排行榜| www.3357.in-彩乐园2官网| www.463217.com-利奥彩票注册| www.626398.com-鑫彩晨公司怎么样| www.760158.com-好彩二复式计算表| www.332492.com-大奖彩票黑平台举报| www.li22.com-福彩手机购彩可以吗| www.598323.com-体彩19034预测| www.751549.com-手机投注三分彩| www.129509.com-海南彩票特区论坛| www.51438.com-鸿运彩票网页版| www.001326.com-彩客网竞彩开奖结果| www.177545.com-上海福彩时时乐走势| www.311.cm-可以跟单的足彩软件| www.206226.com-快三走势讲解| www.68938.cc-尊彩就是彩尊吗| www.80744.com-3d福彩号-| www.091777.com-百合网彩票-| www.602190.com-彩票伪造-| www.290869.com-吉林快三遗漏号查询| www.529370.com-9cb彩票计划| www.700311.com-必发彩票安全购彩| www.806814.com-竞彩足球计划表| www.00321.cc-3d走势图南方双彩| www.68140.com-体育竞技彩票倍投| www.038096.com-390彩票app-| www.855229.com-网上购买福建体彩| www.461431.com-购彩老黄历-| www.565222.com-河南泳坛夺金派彩网| www.655990.com-彩之网双色球预测| www.751259.com-彩票app送18| www.871234.cc-彩专家人工计划下载| www.989229.com-彩票中奖后去哪缴税| www.kt71.com-彩票快三群注册| www.297061.com-快三有赢的吗| www.390953.com-中彩网彩票官方网站| www.533565.com-彩票循环计算公式| www.790582.com-模拟彩票摇奖机下载| www.937068.com-什么是彩福-| 吉利彩票www.80075l.com| www.pg88.com-辽宁快三走势图| www.20vr.com-陕西快三开奖时间| www.052881.com-手机彩票投注平台| 500彩票www.51515r.com| www.656595.com-北京体育彩票店电话| www.994602.com-安徽快三一定牛今天| www.rd20.com-168彩票提现| www.43qw.com-合肥福彩机转让手续| www.2881.bid-网络买彩票合法吗| www.36924.com-天天彩票ios| www.3517.com-玩大通彩票能赢吗| www.31127.com-彩票软件能不能破解| www.400299.com-多彩网辽宁12选5| www.0403.xyz-金豆彩票平台怎么样| www.034142.com-cba体彩-| www.567334.com-旺彩助手-| www.662876.com-国彩过滤单怎么买| www.768100.com-福利彩平台刷流水| www.878632.cc-江西体彩咨询电话| www.949193.com-pc彩讯加拿大| 500万彩票www.5441m.com| www.fv07.com-北京快三数据遗漏| www.xp63.com-想中彩票-| www.50xr.com-天空与彩票与我同行| www.900199.com-彩票计算器复式| www.95379.cc-福利彩票的属性| www.111695.com-快三如何避免对子| www.589865.com-51彩票邀请码| www.672058.com-彩票行业会倒闭吗| www.759823.com-内蒙古福彩下载| www.861795.com-彩票助手软件| www.917305.com-赢彩彩票骗局| www.975007.com-234彩票平台| www.zj.com-北京快三开奖查询| www.qn73.com-福彩快3几点开始| www.13rw.com-七星彩在什么台直播| www.39751.cc-类似彩店宝彩票软件| www.052161.com-六喝彩开奖结果| www.i47.in-彩票投资赚钱能信吗| 6号彩票www.5484a.com| www.33569.com-彩票怎么区分冷热号| www.94220.com-责任彩票认知篇| www.755423.com-鸿运网快三规律| www.879522.com-爱彩通手机版下载| www.my51.com-快三外挂手机版| www.69fr.com-华彩免费下载app| www.185499.com-江苏快三百科| www.749304.com-中彩彩票有风险吗| www.074666.com-彩乐园应用-| www.300753.com-免费送彩金白菜网| www.452626.com-熊猫竞彩用不了| www.877400.com-香港三色彩彩票公司| www.873335.com-贵州体彩开奖| www.940384.com-金福彩票网怎么投诉| www.986226.com-体彩p3今天开奖号| www.co27.com-500购彩大发快三| www.ug96.com-大发快三多少钱提现| www.zz62.com-七七彩票真假| www.94yn.com-仨地乐彩网走势图| www.1988.com-体彩在哪里买| www.525435.com-重庆福彩投注站| www.606303.com-足彩世界杯冷门| www.669217.com-旧版够力七星彩下载| www.747833.com-彩易科思下载| www.805368.com-重庆时时彩每年停售| www.877192.com-七乐彩咋样算中奖| www.066776.com-百盛博彩软件有用吗| www.99622.com-山东福彩云彩宝下载| www.266668.cc-河北快三技巧宝典| www.303459.com-好彩3玩法技巧| www.475836.com-五行中彩票-| www.621887.com-宁波一员工中彩票| www.738125.com-福利彩票了3d图纸| www.897943.com-彩票店警示语| www.td.com-官方彩票软件| www.975934.com-狂人时时彩后二直选| www.ew85.com-中国彩票官网| www.lj12.com-2020彩票下载| www.a66.cn-职业彩民怎么赚钱| www.27ar.com-3d联盟好彩乐2| www.563854.com-3d福彩图谜第二版| www.631960.com-收米竞彩官网| www.695325.com-竞彩支持比例与误差| www.778889.com-苹果彩票是不是真的| www.860350.com-下载广西福利彩票| www.919672.com-辉煌彩票论坛|