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天

知道了
彩01彩票 杏彩www.00840n.com| www.403.press-彩票八喜怎么玩| www.36155.com-福彩3d纸图-| www.082324.com-手机快三骗局| www.239117.com-首存套彩金-| 大赢家彩票平台www.976931.com| www.597106.com-满堂彩彩票网app| www.362095.com-快钱彩票下载| www.390039.com-中彩票靠的是什么| www.819871.com-买彩票的软件有哪些| 三九福利彩票www.99968z.com| www.mo72.com-彩票送38元-| www.222037.com-北京单场彩结果查询| www.356479.com-购物送彩票宣传语| www.120672.com-体育彩票抽成| www.382138.com-创名彩票下载| www.539250.com-彩票促销活动方案| www.622610.com-今日福彩图纸第三版| www.709345.com-网上带领买彩票| www.797924.com-河南买彩票的时间| www.881632.com-名气最大的黑彩平台| www.988898.com-手机大小球彩票软件| www.392468.com-王成周彩票秘密uc| www.530001.com-彩8论坛-| www.11282.com-烟台福彩官网| www.315875.com-上海体彩兑奖须知| www.ku.com-宁夏银川快三| www.290400.com-彩票大发快三| www.379224.com-5分快三软件下载| www.520241.com-中国乐彩网-| www.06378.com-新彩吧福彩图谜| www.183393.com-牛彩藏机图-| www.ro50.com-希腊5分彩开奖结果| www.2796.vip-彩票照片-| www.752139.com-游戏厅彩票有什么用| www.830576.cc-557彩票网-| www.917358.com-私彩代理挣钱吗| www.935105.com-彩名堂怎么打最稳| www.995322.com-易快三彩票倍投模式| www.am40.cc-易彩网app下载| www.e65.com-今晚七乐彩开奖视频| www.u03.cn-美国彩票中1| www.jd9.com-广东福彩快三官网| www.94400.cc-传统彩票开奖| www.a79.pw-彩投是什么玩法| www.225.me-一个叫淘彩票的平台| www.088086.com-彩票如何平刷| www.181321.com-重庆时时彩app| www.8068.org-古风水彩手绘花卉| www.9uy.com-福彩3d权威断组| www.305351.com-收购中奖彩票送礼| www.414683.com-好彩1开奖预测号码| www.77bm.com-红姐图库彩图图库库| www.40177.com-足彩预测佬牛| www.024450.com-新加坡天天彩| www.109013.com-红卡七彩-| www.280694.com-机选一注时时彩| www.4197.org-竞彩既时比分直播| www.782559.com-贵州七星彩中奖彩票| www.583713.com-派彩软件-| www.725078.com-分分快三助手软件| www.847121.com-体彩大乐透八等奖| www.yb46.com-彩票中数字规律| www.386336.com-3d开奖彩吧助手| www.655658.com-头头彩票app下载| www.913526.com-彩票预测最精准公式| www.ne54.com-福利彩票极速快三| www.4988.vip-旺彩计划软件手机版| www.370810.com-彩钢瓦规格及型号| www.zn88.cc-幸运彩票是不是诈骗| www.070611.com-彩友会彩票模板| www.3469.vip-妛客网彩票-| www.001994.com-釉彩的主要成分| www.86xr.com-七乐彩四等奖| www.2563.vip-腾讯彩票游戏真假| www.437989.com-非凡彩票原创专注| www.130121.com-彩票两元网走势图| www.216056.com-体彩福彩开奖公告| www.303839.com-福彩3d返奖率纪录| www.416444.com-福利彩票快三魔图| www.755414.com-五福福彩违法吗| www.856898.cc-gc国彩投注网下载| www.954205.com-彩109app下载| www.uh.cc-福彩票开奖查询结果| www.235479.com-买七乐彩害死人| www.qs25.com-pc蛋蛋是福彩吗| www.03628.com-中彩在线是赌博吗| www.03ue.com-兰花图片手绘彩铅画| www.073.hk-香港旺角彩妹| www.3274.xyz-app购彩微信充值| www.o86.com-彩票送28-| www.027533.com-高频彩正规吗| www.15ps.com-彩礼给女方没结婚| www.1217.top-安装全民彩票| www.169075.com-快三大小技巧| www.389280.com-福州彩票转让| www.942988.com-众彩易购是真的吗| www.695301.com-竞彩均投和倍投| www.770507.com-玩黑彩输了怎么办| www.836737.com-727精彩彩票首页| www.898726.com-美团可以买彩票| www.971490.com-彩票app88-| www.cp410.cc-河北快三奖金规则| www.062200.com-万彩网靠谱吗| www.13924.com-竞彩网诈骗-| www.783952.com-江苏快三和值全买| www.642700.com-希望彩票app| www.705127.com-福彩3d天罡图| www.0353.pw-彩票跨度投注| www.8649.biz-新加坡彩票4d| www.p13.me-手机彩票那个软件好| www.51zg.cc-互娱彩票举报电话| www.1959.win-体彩店审批流程| www.810983.com-竞彩单场比分奖金| www.2079.pw-老彩票正规的吗| www.8867.loan-彩票统计表格| www.46197.com-时时彩稳定在线计划| www.10069.com-中国彩票网上投注| www.133207.com-彩色纸箱图片| www.cai6784.com今日河北快三预测| www.241500.com-彩吧彩票是官方的吗| www.3266.xyz-老婆玩彩票输了2万| www.131391.com-信阳彩礼一般多少钱| www.634233.com-七彩阳光信息| www.057993.com-三地玩彩老头胆码| www.230712.com-彩票赵公明-| www.315091.com-彩虹4无人机单价| www.711922.com-万豪国际彩票下载| www.807559.com-福彩3d守号中奖| www.900015.cc-天天彩票计划| www.966973.com-体育彩票重启| www.f57.vip-快三江苏开奖结果| www.0110.tv-博彩排名-| www.00247.com-58彩票手机客户端| www.668726.com-欢乐彩票猫腻| www.906702.com-中国足球体彩官方网| www.mt38.com-彩红时时彩计划软件| www.19066.cc-英发彩票-| www.865949.com-分分彩玩法介绍| www.i95.la-快三公式怎么算的| www.52343.com-好彩18036-| www.3640.vip-福利彩有多少个号| www.39700.com-70彩票平台安全吗| www.367307.com-彩铅画雏菊图片| www.565693.com-99新彩吧-| www.661754.com-中国福利彩票负责人| www.495.in-重庆彩定位胆| www.1658.xyz-双色球论坛乐彩网| www.59169.com-福彩三d和值| www.97298.cc-彩票助赢网站| www.041510.com-快三黑彩骗局| www.110767.com-福利公益彩票| www.155471.com-彩票3d分析大师| www.856240.com-七星彩票开奖七星彩| www.955469.com-苹果彩票手机| 新盈彩www.xinyc2.com| www.751649.com-彩鸿彩票-| www.689391.com-上海福彩中心银彩通| www.928722.com-七星彩最新奖表| www.vr7.com-中彩网旧版走势图| www.yj68.com-彩35平台-| www.760176.com-卖福彩有任务吗| www.916622.com-私彩平台修改器| www.386.cm-安徽体彩中心在哪里|