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天

知道了
彩票123现在叫什么名字 www.268079.com-p3开机号家彩网| www.853646.com-天津福利彩票主任| www.996906.com-体彩走势图彩宝网| www.ti23.com-亚洲五分彩-| www.dj99.cc-彩票开奖试试机号号| www.vz37.com-有可靠的快三网站吗| www.15nq.com-彩礼承诺书范文| www.090.tv-彩宝网排五走势图| www.775325.com-福彩三地天罡八卦图| www.981746.com-大佬彩票app| www.391014.com-头奖彩票登录| www.868427.com-703彩票-| www.un0.cc-彩票开奖七星| www.819403.com-彩票人工计划联盟| www.910992.com-彩运快三怎么赚钱| www.979322.com-三分彩后一规律| www.uj.com-河北快三电脑走势图| www.595695.com-鑫彩网娱乐-| www.75592.cc-彩之源彩票网| www.947087.com-网上快频彩是什么| www.997504.com-快三邀请码怎么获得| www.eb14.com-吉林私人快三网站| www.yf64.com-比派彩网更快| www.21zl.com-9d彩票网站-| www.773690.com-时时彩最快开奖器| www.298275.com-甘肃福彩兑奖中心| www.180062.com-福彩快3中奖金额| www.444643.com-西安莲湖区福彩转让| www.cp5328.com-北京快三走势图爱彩| www.re71.com-168彩票是真的吗| www.16ed.com-七彩网买彩票违法吗| www.634.xyz-网彩官方网站| www.074736.com-天空彩票彩富网| www.0826.org-网易彩票旧版首页| 大赢家彩票www.599046.com| www.060521.com-浙江快乐12牛彩| www.139415.com-福彩3d卖号折线图| www.266869.com-众彩网手机版下载| www.366138.com-更多精彩尽在| www.004196.com-新旺发彩票-| www.95357.com-中国福利彩票27号| www.82zo.com-和彩云官网-| www.435228.com-深圳体彩客户端下载| www.tr4.cc-赣快三走势图| www.c70.cn-百宝彩票官网下载| www.61dh.com-掌上彩五肖十码网站| www.1261.cm-福彩3o选7-| www.01138.com-下载旧版彩视| www.78507.com-廊坊哪些彩票站招聘| www.172632.com-分分快三计划app| www.82ts.com-彩宝贝杀红-| www.4390.xyz-云彩彩票是什么意思| www.08719.com-假体彩店-| www.51406.com-糖果彩票是做什么的| www.148849.com-网络彩票能追回吗| www.723051.com-江苏福彩中奖规则| www.840824.com-中国福彩票-| www.qr61.com-福彩是事业单位么| www.739190.com-快三红号有多少| www.009572.com-手机彩膜是什么| www.83az.com-移动彩云业务是什么| www.326552.com-七星彩兑奖时间期限| www.437714.com-江苏省爱彩乐十一选| www.991245.com-快三多少天有效期| www.20893.com-竞彩足球专家单场| www.995996.com-快乐彩五行最大遗漏| www.av92.com-香港正版彩票| www.533022.com-吉林快三实时开奖| www.611013.com-福利彩票的利润| www.685241.com-彩票海报图片手绘图| www.dv81.com-彩客彩票旧版本| www.57538.com-彩票代赚-| www.533937.com-七星彩怎么计算合分| www.019429.com-贵州体彩中心公告| www.105616.com-皇都彩票下载安装| www.190048.com-安徽快三那一段| www.yy27.com-河南快三害死人了| www.948934.com-彩票内部中奖秘密| www.fu30.com-彩票计划群被骗| www.18ve.com-澳门福彩24小时| www.093016.com-福彩三d开奖结结果| www.249924.com-天天彩票77678| www.2509.me-福彩61生肖玩法| www.095406.com-福彩竞猜-| www.964452.com-彩七七新版本| www.zq82.com-体彩飞鱼稳赚技巧| www.82ls.com-竞彩盈利模式| www.283253.com-两元一注彩票几位数| www.561813.com-新彩计划网址| www.770208.com-彩神ll登入-| www.851356.com-极速时时彩五星必中| www.917116.com-水溶彩铅画风景| www.974054.com-福彩刮刮卡中奖几率| 幸运彩票www.876899.com| www.32799.com-乐游彩票app| www.564542.com-时时彩单式500注| www.633433.com-买彩票到哪里买安全| www.718316.com-彩图宝典下载安装| www.784110.com-乐米彩票怎么没有了| www.854519.com-开门彩下载app| www.916192.com-中国福利彩票加盟费| www.970709.com-中国彩票起源| www.cai0944.com北京快三跨度形态图| www.8583.biz-彩票巨奖视频| www.48278.com-海南七星彩最新奖表| www.85806.com-5504彩票网站| www.088041.com-南方双彩网首页大全| www.159259.com-小v彩仙网址| www.472520.com-③d彩涂迷-| www.167917.com-彩票上海快3开奖| www.279703.com-分分彩龙虎玩法介绍| www.389652.com-快三出现23期龙| www.262217.com-极速快三彩票| www.77684.com-悟空彩票是真是假| www.990670.com-山东体彩网即开订票| www.109516.com-彩票手机挂机软件| www.016016.cc-唯彩会苹果下载安装| www.116005.com-体育彩票足球怎么买| www.207129.com-至尊快三-| www.30.cn-南洋彩开奖现场报码| www.375.club-诚信彩票网址| www.7169.com-七彩假期靠谱吗| www.907714.com-雷州七星彩梦册查码| www.wi00.cc-澳彩开奖结果| www.99522.cc-哪个软件可以打彩票| www.7581.biz-麦久彩票网首页| www.750811.com-彩经彩票是真的吗| www.703019.com-竞彩足球比分怎么玩| www.774566.com-七星彩获奖规则| www.830960.com-彩民高手坛ww| www.70575.com-口袋彩票店铺二维码| www.120801.com-彩票多少天内兑奖| www.187583.com-五星彩开奖号码结果| www.416805.com-深训福利彩中奖规则| www.564240.com-火箭体育彩票网址| www.665479.com-七乐彩机选无5注| www.725445.com-彩票分析师陆金简介| www.797131.com-竞彩8串56-| www.866055.com-重庆时时彩智能追号| www.921675.com-吉林快三软件谁知道| www.979223.com-官方福利彩票网站| www.cai0599.com银川快三走势图| www.120607.com-福彩小红人三天计划| www.848503.com-青蛙彩票网-| www.931711.com-彩票能中大奖的咒语| www.988928.com-快三二不同怎么选| www.ur.cc-福利彩票官网| www.857846.com-福彩今天的奖号| www.934226.com-福彩动物总动员| www.979640.com-7天彩cc-| 51彩票www.956568.com| www.057685.com-甘肃快三电视版| www.050708.com-彩票自动售票机加盟| www.201005.com-南国七星彩论坛| www.309091.com-微信上的彩票导师| www.386956.com-凤彩网登录注册| www.535522.com-彩票霸主中奖率高吗| www.613142.com-福彩布衣1234| www.817927.com-足彩19031分析| www.896269.com-2017彩票合买群| www.960008.com-高德彩票怎么玩| 彩民网www.caim5.com| www.096360.com-福彩体彩能一起开吗| www.vj50.com-彩票源码3端|