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.318892.com-江西省体彩兑奖中心| www.386659.com-凤彩网双色球预| www.533136.com-3d365彩票网| www.626979.com-体彩nba在哪买| www.5870.cc-彩票被冒领告谁| www.53568.cc-彩虫7-| www.023927.com-怎么买美国彩票| www.166804.com-快三计划软件安卓版| www.09079.com-江苏移动彩票客户端| www.239858.com-王者彩票是圈钱的吗| www.389585.com-彩票第19030期| www.544351.com-足球竞彩app下载| www.506225.com-彩虹团队微商骗局| www.78519.com-买彩票有啥诀窍吗| www.069199.com-手机中彩网-| www.2186.net-福利彩票宣传音频| www.9154.loan-七乐彩胆拖怎么投注| www.851036.com-竟彩网页-| www.956580.com-地下六仺彩今晚开奖| www.td4.com-福建体彩开奖结果| www.td65.com-时时彩有几种| www.55yd.com-巴西安伯快三开奖| www.1821.top-优博时时彩平台网址| www.9127.wang-7乐彩历史开奖结果| www.42983.com-彩16下载了打不开| www.118743.com-北京福彩网是真的吗| www.216112.com-我的彩票开奖号码| www.318791.com-江西时时彩快3| www.977494.com-潘多拉彩妆怎么样| www.ba92.com-福彩快三3玩法技巧| www.41zo.com-仁信彩票下载| www.713167.com-彩票排行榜软件下载| www.803967.com-哪个网站买体彩| www.9852.loan-古建彩绘龙-| www.72263.cc-福彩胆组方法| www.00203.com-彩钢板围挡加工| www.963062.com-4场进球彩分析| 99彩票www.528112.com| www.66851.cc-彩票店领奖额度| www.485959.com-幸运飞艇彩票聊天室| www.95191.com-七乐彩经典规律| www.071777.com-万人龙虎彩票| www.134956.com-福利彩票用户注册| www.217799.com-彩票端app下载| www.294217.com-福彩10选5骗局| www.366711.com-甘肃福彩中奖兑奖| www.467195.com-七乐彩到几点停售| www.555213.com-华彩控股的十大股东| www.301129.com-微彩吧是真的| www.440153.com-越南5分彩开奖| www.060010.com-怎么观察快三走势| www.163234.com-巨彩平台是干啥的| www.299632.com-彩123彩票-| www.396283.com-福彩年假什么时候| www.562912.com-彩三地字谜汇总| www.661409.com-好彩哥论坛-| www.749751.cc-好乐多彩票下载安装| www.864466.com-三d彩票论坛首页| www.435287.com-发彩票短信投注| www.629925.com-网易足球彩票预测| www.716291.com-双色球彩宝贝比较器| www.801751.com-福彩一体机安装| www.878617.com-体彩乐3-| www.947529.com-福彩三d视频讲坐| www.994548.com-201930期彩票| www.fm36.com-快三群里的假土豪| www.ya68.com-重庆体彩网-| www.12zv.com-体彩100期开机号| www.515478.com-阜阳彩票案最终结果| www.119412.com-福彩3d倍投计算器| www.236917.com-今天福彩开奖号码| www.931286.com-福彩客服电话| www.cp8114.com-彩票王牌app| www.219021.com-百姓彩票网页版| www.291199.com-乐彩网3d玄机图| www.375068.com-6天下彩-| www.518255.com-福彩彩票代理网| www.600051.cc-竞彩胜平负开奖| www.679342.com-玩彩有人赢吗| www.761494.com-好彩妹演员是| www.833116.com-网络彩票77-| www.917189.com-重庆实时彩-| www.982704.com-好彩二三今期开| www.wq.com-手机快三倍投计算器| www.356843.com-彩票店赠品什么合适| www.11719.com-中国合买彩票下载| www.08rm.com-3旳乐彩网-| www.139480.com-网上赌博时时彩真相| www.410168.com-云购彩票软件| www.md32.com-快发彩票合法吗| www.14ne.com-菲律宾时时彩网址| www.15218.cc-浙江体彩兑-| www.761524.com-百度乐和彩登陆| www.086215.com-麒麟彩票app| www.4942.xyz-体育彩票旗舰店贴吧| www.718661.com-彩虹涂色-| www.110151.com-彩票快乐十分走势图| www.95987.com-体彩专管员困境| www.262849.com-怎样用手机买福彩| www.2211.cm-合买彩票搭建| www.00916.com-彩霸一休独胆| www.397528.com-用户登录福彩易购| www.021094.com-新浪分分彩-| 中国福利彩票www.08588c.com| www.185314.com-肖立刚教您玩快三| www.255613.com-七乐彩怎样玩法| www.602331.com-游乐场吐出来的彩票| www.445636.com-有哪些平台在卖彩票| www.544438.com-彩票心得-| www.635137.com-银川七彩艺校总校| www.88245.com-天天彩票信用卡充值| www.14bt.com-福彩3d路数振幅| www.52601.com-中免蓝好彩-| www.444088.com-彩38的网站多少| www.795048.com-重庆时寸彩开奖软件| www.cp9286.com-手机中彩彩票| www.1120.pw-成都竞彩网点| www.lu83.com-一分快三大中华彩票| www.40hk.com-安徽宿州彩礼| www.8244.org-中国体彩网排列五历| www.68xt.cc-金冠彩票大发快三| www.1775.cm-彩票刷流水团队| www.409377.com-七星乐彩票倍投规律| www.45454.com-微彩站二维码| www.385.red-彩票大优乐二等奖| www.553465.com-上海福彩网正宗吗| www.959587.com-彩66彩票注册网址| www.cp4747.com-湖北福彩快三口诀表| www.570622.com-七彩影院下载| www.646008.com-双色球老彩民预测| www.726646.com-玩彩票客户端| www.797351.com-98彩票网正规吗| www.863007.com-19049足彩-| www.922272.com-约彩365中了5万| www.972101.com-鸿运5分彩开奖| www.cp497.cc-快三app软件| www.093130.com-体育彩票高频彩种| www.935379.com-时时彩定胆杀号| www.630280.com-三地彩吧报-| www.707257.com-时时彩后三组三规律| www.34549.com-本期七彩奖开奖号码| www.011079.com-昨天彩票号-| www.092182.com-买彩票有年龄限制吗| www.158094.com-佬牛足彩18085| www.971549.com-快捷彩票在哪里玩| www.sw7.cc-老时彩五星走势图| www.zk11.com-038彩票手机登录| www.36xt.cc-七星彩一二位差走势| www.77679.cc-代购海外彩票| www.119331.com-代玩快三兼职| 500彩票www.338052.com| www.sh52.cc-足彩19049-| www.703525.com-陕西快乐十分彩派| www.793570.com-彩票站的老虎机| www.68ef.com-体彩排列5预测号| www.640228.com-爱投网和口袋彩店| www.31155.cc-彩票专业分析管理器| www.3610.biz-彩票安全风向标| www.u15.bid-深圳福彩电话投注| www.047244.com-中国体彩快乐扑克4| www.959578.com-77彩票是真是假| www.317422.com-时彩彩怎么玩能赢钱| www.396480.com-彩虹画儿童画图片| www.616053.com-竞彩足球4场3关|