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天

知道了
1分快三 www.74285.com-彩虹旗11年-| www.443379.com-掌上彩票推荐码| www.255275.com-大发快三彩票登陆| www.410527.com-七彩铃铛球拼接过程| www.879008.com-幸运快三是官方彩吗| www.683271.com-义乌福彩在线| www.29626.com-福利彩票群英会软件| www.574533.com-移动免费彩铃| www.213087.com-十大黑彩平台排行| www.39520.com-乐玩彩票app| www.919310.com-免费搭建彩票网| www.372220.com-巢湖彩票中奖| www.9688.hk-体彩大7刮刮乐| www.84704.com-时时彩两期必中计划| www.233977.com-福彩网投兼职靠谱吗| www.343949.com-彩票争霸提不了现| www.442787.com-篮彩足彩-| www.544898.com-滛三国梦想星彩无惨| www.629165.com-计算器竞彩-| www.715016.com-中国足彩馆-| www.yb38.com-开门彩官网-| www.917103.com-必赢彩票案子结案没| www.vr8.com-星彩3d论坛网址| www.99ph.com-江西福彩哪个台直播| www.kz22.com-234彩票下载| www.19416.com-博友彩安卓版下载| www.184638.com-福彩快三北京| www.840093.com-电脑彩正版图片| www.923138.com-广州好彩1开奖结果| 500彩票网www.65707x.com| www.088305.com-足彩北京单场怎么玩| www.540424.com-高频彩为什么一定输| www.724011.com-凤凰彩票元角模式| www.968479.com-新浪彩票电脑版首页| www.c13.cc-高频彩快三计划软件| www.809676.com-网上怎么打彩票软件| www.750298.com-北京体彩网可以买吗| www.856535.com-七星彩走势图表最全| www.963253.com-今晚4场进球彩| www.cp3137.com-彩票端十分快三| www.up72.com-内蒙古快三论坛| www.299023.com-彩29官网-| www.263160.com-乐彩怎么玩-| www.411183.com-唯彩会开奖结果| www.118789.com-哪种彩票容易中大奖| www.938580.com-双赢彩票开奖| 博亿彩票www.699by.com| www.sp25.com-e球彩2码聪明组合| www.634414.com-注册47彩票-| www.726619.com-分分彩后一万能码| www.801851.com-福彩3d大花猫今天| www.872417.com-遵义市体彩申办点| www.934392.com-快彩电视-| www.985649.com-淘宝快三购买| www.ag50.cc-123会员彩票| www.qw95.com-重庆时时彩宝典老版| www.761153.com-彩票牛牛玩法| www.516071.com-王成周彩票中奖| www.669575.com-有什么彩票是6位数| www.791187.com-澳洲幸运彩开奖结果| www.924447.com-亿豪彩票-| www.cai0100.com快三下载官方网站| www.cp08.com-彩客站是正规平台吗| www.a08.net-重庆时时彩五星测试| www.610798.com-邢台安装彩钢板厂家| www.4504.tv-体彩足彩兑奖| www.16452.com-火星5分彩计划| www.80118.cc-彩吧图迷第一版| www.105705.com-通博彩票官方网址| www.352265.com-wmcp完美彩票| www.278135.com-省福彩中心主任级别| www.16163.com-时时彩qq计划群| www.960243.com-购彩安全吗-| www.gu33.com-一定牛彩票网骗子| www.365161.cc-足彩投资宝典电子书| www.463604.com-汇赢彩票平台| www.737449.com-搜福彩三d开奖号| www.974413.com-手机上买彩票合法吗| www.pp81.com-久久彩票下载手机版| www.146767.com-k彩手机登录密码| www.220071.com-一分快三怎么下载| www.507805.com-老猫说彩-| www.899935.com-体彩申请书怎么写| www.999699.cc-搜索福彩图迷总汇| www.mn23.com-幸运彩票害死人| www.124026.com-中国福彩彩票| www.351723.com-福彩辽宁12选五| www.739402.com-518彩票_骗局| www.865789.com-熊猫彩票8-| www.947071.com-福彩高频彩有哪些| www.hg44.com-彩票购彩大厅下载| www.76gh.com-七乐彩在那里兑奖| www.008256.com-杨光华彩票-| www.399920.com-开心七星彩一手机版| www.8972.la-重庆时彩彩豹子| www.951047.com-正彩官网-| www.855200.com-快三中123多少钱| www.858247.com-彩票是个无底洞| 99彩票www.2955.cc| www.28522.com-福彩在线下载安装| www.075509.com-可以买彩票的软件| www.223190.com-幸运快三有什么规律| www.301257.com-连红彩票app下载| www.367783.com-水彩星空教程| www.459001.com-香港6合宝典彩图| www.502735.com-足彩加的推荐准不准| www.hx90.cc-大运彩票平台| www.531732.com-彩库宝典安卓旧版| www.654661.com-福彩7加5多少钱| www.92693.cc-九州彩票是合法的吗| www.209944.com-伯爵彩票登录网站| 全民乐彩票www.2934g.com| www.765163.com-高频彩黑平台有哪些| www.833812.com-全天时时彩专家计划| www.894843.com-信彩快三计划| www.956056.com-唯彩足球竞彩网首页| 梦想彩票站www.43131q.com| www.c71.club-百宝彩一上海快3| www.22yz.com-重庆时时彩公式算法| www.92jn.com-韩国10分钟彩票| www.1718.cn-彩票3d图库-| www.2gz.cc-为什么打竞彩一直输| www.62rc.com-彩票为什么不实名| www.1811.in-中福快三哪儿的| www.7882.cc-好运来彩票怎么玩的| www.141696.com-福彩自助app下载| www.52185.cc-特区彩票808| www.750395.com-福利彩票最大的舆情| www.939377.com-福彩百盈快三| www.857009.com-中奖几率最大的彩票| www.925898.com-彩票机怎么申请| 虹彩集团www.hcjt7.com| www.81858.com-如何努力都不中彩票| www.642833.com-福彩超级3d助手| www.701669.com-捷报网足彩专家分析| www.766775.com-体彩大乐透幸运选号| www.820016.com-七乐彩定胆技巧| www.878058.com-上海福彩网官方| www.992586.com-福彩3d新玩法| www.qf5.cc-乐购彩彩票是真的吗| www.25680.com-彩民周刊编辑组晓沪| www.007084.cc-彩票必赢-| www.360918.com-开彩网开奖号码| www.5879.wang-彩宝贝杀号专家预测| www.550430.com-快三拉花致快乐| www.cd13.com-大发快三有什么平台| www.028419.com-中国福利彩票高频彩| www.83ue.com-信彩计划网-| www.25755.cc-彩店宝彩票电脑下载| www.ax86.com-7乐彩专家预测| www.1gz.cc-编程彩票走势图| www.97me.com-福彩3d大全部| www.432606.com-福彩高频彩是啥| www.81778.cc-彩票赌大小技巧| www.0919.vip-足球彩票合买合卖| www.22712.com-怎么注册百事彩票| www.52932.com-六全彩赌博案例| www.tb02.com-快彩网首页-| www.4jc.com-五百万彩票网如何| www.786097.com-彩票大赢家网站首页| www.774424.com-虎扑体育nba彩票| www.mt24.com-时时彩五星单式规律| www.25369.cc-彩铅桃花简笔画| www.74998.com-私人彩票平台漏洞|