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.899533.com-彩6精华版相似软件| www.113312.com-彩票中奖绝招| www.532.date-分分彩诈骗-| www.110026.com-王牌彩票是什么| www.887580.com-黑彩平台代理贴吧| www.080230.com-彩生肖图-| www.m42.me-湖北省体彩中心地址| www.ev38.com-旺彩彩票-| www.nm57.com-广西福彩软件| www.1048.me-江苏快三坑了多少人| www.e02.net-彩名堂下载苹果| www.6614.cm-彩票是作假的吗| www.90898.cc-8亿彩网页-| www.163539.com-买双色球彩票的技巧| www.427253.com-彩票查软件-| www.35ql.com-青岛体彩网上投注| www.396913.com-福彩周五开奖吗| www.762725.com-神圣彩票网址| www.883138.cc-pc彩票可靠吗| www.987759.com-505彩票本着| www.si76.com-乐8彩下载安装| www.0551.live-山东真诀福彩第三版| www.7232.biz-电视家彩虹台| www.155004.com-足彩怎么兑奖规则| www.250321.com-中彩彩票输了三万四| www.643528.com-信彩娱乐下载| www.864211.com-东莞彩票店转让| www.935958.com-大发彩票导航| www.985553.com-彩票虚拟投注| www.fm6.com-重庆时时彩已下架| www.046877.com-买彩票选什么数字好| www.92sb.com-鼎丰彩票是正规的吗| www.098890.com-分分快三诀窍| www.220829.com-彩神软件怎么样| www.880272.com-360彩票网址导航| www.bn10.com-人人彩票app下载| www.217249.com-彩神人专栏-| www.582460.com-长春快三福彩| www.8565.vip-七星彩缩水过滤工具| www.640044.com-22彩票网址是多少| www.761494.com-好彩妹演员是| www.874214.com-彩票平台开发搭建| www.941699.com-全球彩票qqcp| www.00im.com-描述彩虹一段话| www.274.in-澳大利亚彩票官网| www.9806.vip-七星彩中奖哪里兑换| www.261671.com-河南快三即时走势图| www.365975.cc-油性彩铅哪个牌子好| www.467858.com-马耳他彩票开奖| www.36nb.com-苏全文七星彩预测| www.1534.cn-福利彩票大家乐| www.15215.com-浙i江体彩手机版| www.526043.com-购彩360-| www.7398.loan-色彩画人物-| www.450782.com-49彩票时时彩| www.553068.com-时时彩打流水方法| www.244181.com-体彩网大乐透计算器| www.320988.com-彩票开奖排三走势图| www.400474.com-点击彩官网-| www.03xu.com-时时彩怎么刷返水| www.44ov.com-足彩欧洲投注比例| www.206753.com-彩票大小单双玩法| www.315367.com-7彩娱乐官网下载| www.45223.com-彩票999官网下载| www.528224.com-易彩堂骗局-| www.295655.com-全天重庆分分彩计划| www.382028.com-点击看更多精彩视| www.53996.com-体彩排三魔图图片| www.108547.com-我发现高频彩有规律| www.411088.com-3d唯彩看球预测| www.567378.com-7乐彩特别号| www.655214.com-七乐彩结果中奖结果| www.736631.com-多彩贵州网铜仁频道| www.832752.com-七彩图片高清| www.909561.com-福建今日快三开奖| www.973641.com-瑞彩祥云开挂| www.pr8.com-派彩网付费板| www.394400.com-91彩虹网-| www.841222.com-精准彩票数据库| www.231732.com-中国彩吧网开奖号| www.110227.com-彩票排列三444| www.039924.com-江苏彩票七位开奖| www.2038.org-日本彩虹台在线直播| www.432080.com-彩票中302115| www.441797.com-买彩票有限额| www.553010.com-七星彩在哪个台开奖| www.58zt.com-湖北体育彩票电话| www.7800.cc-足彩彩民多少| www.71350.com-中国体育彩票网址| www.556760.com-vr彩票是正规的吗| www.9063.cc-下载天津爱彩乐网站| www.7564.me-东方彩邀请码| www.9909.win-宏盛彩票app| www.963884.com-雨后彩虹是什么意思| www.46ci.com-广西十分彩快乐十分| www.6553.top-彩宝贝导航首页| www.10444.com-云南福彩快乐十分遗| www.365336.cc-体彩排列三和尾走势| www.55bz.com-怎么短信购彩票| www.994396.com-正规网络彩票投注| www.529951.com-时时彩买0369| www.937600.com-彩票bug-| www.27200.cc-福彩快三网app| www.20bv.com-彩神网买彩票安全吗| www.735391.com-福彩3的今天选号王| www.840767.com-利民彩票官网| www.906201.com-彩色方块消消看| www.962905.com-陕西体彩在哪里兑奖| www.xm52.com-甘肃快三图下载| www.1581.cm-奥运彩票收藏价格| www.77613.cc-彩票新游戏-| www.cp6335.com-竞彩足球-| www.551984.com-福彩领导-| 大赢家彩票平台www.278203.com| www.173.host-话费购彩票-| www.931101.com-大吉网买彩票| www.979906.com-河南福彩快三和值表| www.bt.com-中国快三投注| www.237597.com-福彩端-| www.031380.com-万彩彩票是否真实| www.723138.com-快三违法-| www.101884.com-稳赢的买彩票方法| www.233184.com-龙江体彩-| www.388547.com-网易彩票辅助器| www.580655.com-彩票害了多少人| www.741707.com-南京有快三吗| www.881347.com-雷火电竞博彩| www.979930.com-彩票店赊账犯法吗| www.ng88.com-彩票软件手机破解版| www.13za.com-欢乐彩票官方版下载| www.165702.com-彩名堂网站-| www.129423.com-彩票一分快三怎么玩| www.15863.com-玩华夏彩票有多少人| www.3598.xyz-万彩吧下载链接| www.xf06.com-河北快三开结果| www.28vm.com-彩票智能分析系统| www.13322.com-非凡彩票诈骗| www.679216.com-中彩票的福报| www.752151.com-买彩票犯法吗| www.ru35.com-香港牛蛙彩票网站| www.311732.com-五福彩票网站| www.812134.com-亮彩足球计算器| www.u15.tv-深圳体育彩票中心| www.74890.com-易竞彩分析软件| 天下彩www.983480.com| www.772694.com-大学生买彩票的群| www.875443.com-下菜彩票-| www.cai0111.com北京快三一定牛| www.886126.com-下载香港彩库宝典| www.988777.cc-爱彩乐有app吗| www.gn59.com-时时彩后三跨度技巧| www.081234.cc-李永乐讲彩票方法| www.278949.com-财神彩票下载| www.343431.com-彩票app赢钱彩| www.093006.com-全天重庆彩计划飞鹰| www.142301.com-福利彩票快3代玩| www.199935.com-河南体彩-| 火星彩票www.hx6626.com| www.34mn.com-网上那些彩票代玩| www.206058.com-辉煌彩票app| www.532138.com-念阿弥陀佛中彩票| www.285234.com-天津体彩网-| www.91872.com-好彩三八猜一肖| www.090539.com-各省体彩店佣金|