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.162.loan-五洲财富刷彩金| www.707906.com-湖北快三预测彩乐乐| www.817488.com-信用盘彩票平台| www.964683.com-刮彩票有什么技巧| www.181701.com-网络彩票平台排行| www.470075.com-足彩赌比分难吗| www.696363.com-彩票体彩走势图大全| www.999923.cc-双色球彩民村彩民网| www.517235.com-中彩堂网开奖| www.631353.com-好彩头小样招代理吗| www.887252.com-天天购彩票-| www.973763.com-微信福利彩票群英会| www.842309.com-福利彩票分配比例| www.841111.com-国货彩妆十大排行| www.956571.com-彩票概率学教材| www.rp9.com-彩票幸运号码| www.vt59.com-福彩门户-| www.373710.com-下载218王者彩票| www.785199.com-胜彩下载-| www.871409.com-强强彩票破解软件| www.23eq.com-蓝球竟彩计算器| www.945.cm-彩票试玩人员招聘| www.8839.wang-彩票平台注册大全| www.74214.com-七乐彩共设几个奖等| www.041193.com-时时彩开奖助手官方| www.612881.com-d8彩票网-| www.775365.com-时时彩回本心态| www.800440.com-1号彩票官网| www.665114.com-七星彩年后初几开售| www.15sl.com-星空幸运彩网址| www.6782.xyz-彩票76真假-| www.21862.cc-各地彩票样式不一样| www.708434.com-竞彩篮球比分直播吧| www.172953.com-大发快三哪里下载| www.320788.com-彩视怎么能注册| www.554543.com-体彩术语砍-| www.t74.top-彩票怎么拉人| www.921268.com-甘肃福彩网官方网| www.cp3522.com-福建快三中奖助手| www.qu95.com-时时彩宝典老版| www.72jm.com-爱彩乐四川快乐十二| www.1818.la-福利彩票第34| www.89077.com-盛大彩票下载安装| www.057563.com-派彩网快三-| www.165557.com-永盛彩票二维码| www.512690.com-彩票店微信代购| www.583026.com-顶呱刮中奖彩票图片| www.76vm.com-百姓彩票提现| www.979352.com-香港好彩四味爆珠| www.zc89.com-旧版彩票33-| www.48177.com-竞彩技巧app下载| www.932458.com-玩快三那个平台好| www.090019.com-快三四码复式二中二| www.357808.com-幸运彩票平台可靠吗| www.403227.com-青蛙彩立即前往| www.988896.com-新快3彩票下载安装| www.690715.com-足彩推荐在哪| www.11xh.com-合肥体彩中奖| www.1741.xyz-通鸿网彩票-| www.665383.com-七乐彩试机号| www.093299.com-全部彩种5分快3| www.730022.com-福彩3d选号软件| www.356142.com-分分彩购买软件| www.180231.com-福利彩票字谜汇总| www.881272.com-吉林快三开奖推荐| www.872346.com-快三用胆拖-| www.3mb.com-天彩翼飞包包怎么样| www.93go.com-078彩票安全吗| www.772194.com-时时彩后三组六平刷| www.28he.com-易中彩票网骗局揭秘| www.62731.cc-内蒙古彩票巨奖骗局| www.137396.com-快三守号翻倍技巧| www.246500.cc-彩宝福彩3d-| www.341768.com-体彩规律-| www.456206.com-安微快三和值表| www.566982.com-彩票网站定制| www.z44.top-彩神网能赚钱吗| www.913.live-彩票大乐透破解方法| www.694433.com-头奖彩票软件合法吗| www.96766.com-彩票怎么知道| www.134183.com-好彩门户一报特网| www.280150.com-足彩胜负14场预测| www.515476.com-七星彩中了500万| www.699605.com-开奖辽宁福彩3d| www.861683.com-关注彩票开奖查询| www.963505.com-福彩代购app| www.cp68.cc-时时彩谁在控制| www.67jg.com-太原彩票生意好做吗| www.8467.loan-清明七星彩-| www.052638.com-彩票网333-| www.893106.com-彩万宝软件-| www.ry.cc-北京快三正规吗| www.863837.com-中彩票开奖大厅| www.55141.cc-棋牌游戏送88彩金| www.008264.com-智慧彩挂机方案| www.cp216.com-福彩快三稳赚技巧| www.85908.com-e77乐彩手机版| www.122125.com-9彩彩票ios-| www.196769.com-乐彩518-| www.129246.com-快乐彩55期-| www.91rp.com-千百万彩票官网| www.25951.cc-彩虹网络用语| www.048334.com-大无限彩票坑人| www.228252.cc-新疆风采喜乐彩| www.359118.com-体育彩票能随机买吗| www.591287.com-彩客网wap-| www.649998.com-博彩业合法吗| www.771574.com-各类时时彩app| www.870801.com-星彩社区3d-| www.970314.com-这期七彩奖结果| www.oe34.com-彩票注册彩金送38| www.3299.cn-万达彩票下载| www.29750.com-大福彩票算违法吗| www.316335.com-以彩票为由的传销| www.424299.com-彩虹世界老版下载| www.621503.com-彩神vi5快三| www.044593.com-快彩王app-| www.185805.com-快三有没有挂| www.158243.com-新加坡天天彩赕讯绪| www.242537.com-江苏福彩双色球规则| www.28880.cc-彩票兑奖期限90天| www.114690.com-六开彩开奖结果| www.796402.com-彩易购333488| www.905113.com-加盟福彩自助售彩机| www.574823.com-彩乐购-| www.673527.com-古建彩绘花鸟图案| www.095230.com-体彩福彩八挂图| www.03ig.com-现金彩票app官网| www.67522.cc-购乐彩票app下载| www.070307.com-彩神8下载苹果| www.505497.com-福彩双色球兑奖规则| www.648221.com-彩票混沌公式| www.786356.com-大赢家彩票计划网址| www.880113.com-3号彩票旧版| www.941433.com-中福在线时时彩缩水| www.cp920.com-福建快三推荐| www.j75.me-速赢彩apk-| www.94ei.com-三d彩吧论坛首页| www.6686.cm-新赢彩app下载| www.37892.cc-欢喜国际彩票| www.004821.com-优彩网彩票-| www.733950.com-杭州竞彩快三| www.164782.com-彩票大厅开奖| www.326836.com-快乐彩害了多少人| www.536098.com-什么彩票是6个数字| www.801021.com-福彩3d哪个平台好| www.915380.com-淘宝有卖彩票的吗| www.cai5944.com甘肃快三今日走势| www.025605.com-陕西省福彩兑奖中心| www.731713.com-彩钢板围挡多少钱| www.830424.com-彩票o2o平台来彩| www.994100.com-福彩3地开奖| www.4890.com-688彩票怎么样| www.111723.com-河北快三每天几期| www.907368.com-彩票基本知识| www.981173.com-彩虹冰淇淋怎么画| www.py9.com-百宝彩湖北快三| www.10vi.com-彩铅画动漫人物简单| www.2817.cn-彩票平台升级维护| www.9651.loan-福利彩票开心奖结果| www.689679.com-体彩七位数今晚开奖| www.431073.com-彩牛网官方网站| www.80jd.com-粤海七星彩论坛| www.5tx.com-河北省快三开奖走势|