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.kc79.com-体彩网大乐透唯一| www.860398.com-贵州快三遗漏查询表| www.8554.org-湖北体彩中奖查询| www.9237.biz-竞彩概率-| www.802009.com-彩天堂属于什么平台| www.227607.com-广西快三遗漏值| www.303201.com-乐彩论坛3d达人| www.315191.com-乐彩开奖信息网| www.386293.com-南充市福彩中心站| www.7403.cc-竞彩店亏本-| www.276234.com-瓷母各种釉彩大瓶| www.394543.com-福彩哪个台开奖| www.39169.cc-中彩网怎么赚钱| www.237219.com-皇都彩票下载| www.33500.cc-彩专家在线计划免费| www.88596.com-九彩彩票手机版下载| www.101259.com-福利彩票足球| www.599640.com-酷彩吧中奖有用吗| www.693370.com-yy彩票登录平台| www.786768.com-彩种极速快三违法| www.882059.com-彩票工资车怎么玩| www.964897.com-淘宝卖家送彩票| www.cp3362.com-快三大奖彩票| www.36998.com-酷彩吧手机app| www.376100.com-枫创乐彩app| www.503631.com-黑彩平台源码| www.577602.com-网络禁止买彩票| www.678095.com-常笑体彩店app| www.765348.com-必赢彩票资金| www.852654.com-168彩票苹果| www.947012.com-全天重庆彩计划数据| 福利彩票www.78700c.com| www.4976.vip-香港最近赛马派彩| www.611833.com-海盐彩逸-| www.813242.com-彩友吧朋友们的家| www.927331.com-app彩票大全| www.83dx.com-喝彩中华报名| www.6575.top-彩彩-| www.3264.com-福彩3d快餐-| www.46an.com-彩绘龙盘-| www.1990.me-彩票预测app官网| www.66373.com-京东可以买彩票吗| www.028746.com-百度上买彩票| www.110311.com-彩票3d怎么买的| www.887961.com-彩票推广员能不能干| www.777770.cc-足球博彩外围app| www.875443.com-下菜彩票-| www.969134.com-彩票公益金项目| www.cm26.com-利民彩票快三攻略| www.t21.link-湖北葛店彩票中奖| www.381182.com-七乐彩几点公布| www.781767.com-校长体彩福彩推荐| www.877863.com-福彩20选5开奖| www.966855.com-紫云涧福彩预测号码| www.au56.com-酷彩吧app下载| www.500811.cc-彩色相机出现时间| www.594191.com-七彩云下儿歌| www.685598.com-福彩3d字谜区| www.825960.com-三快uu彩票-| www.954739.com-福彩兑奖期限| www.as1.com-吉林快三开奖结果进| www.zi79.com-我要上海快三| www.81zc.com-5808万彩票-| www.5282.live-七星彩19044| www.19274.com-麒麟彩票骗局手机版| www.96aj.com-java彩票源码| www.5390.com-手机能买彩票快3么| www.18670.com-查今晚体彩36开奖| www.0066.me-彩票都分哪几种类型| www.632883.com-福彩3d2d怎么打| www.108537.com-速盈彩平台-| www.01946.com-中彩网论坛交流区| www.579440.com-彩吧55128-| www.fh00.cc-发彩网彩票-| www.18uh.com-卖私彩被诈骗怎么办| www.4341.top-湖南福彩报最新版| www.34564.com-更多精彩内容请点击| www.892055.com-体彩竞彩足球如何看| www.966269.com-香港即时开彩| www.cp7318.com-湖北快三爱彩乐| www.nu66.com-网上彩票算赌博吗| www.v91.live-彩票店销售服务用语| www.9843.cc-寺院古建山花彩绘图| www.165149.com-彩票票花-| www.22993.com-王者彩票苹果手机| www.040468.com-华夏彩票怎么登录| www.233536.com-北京福彩中心地址| www.312204.com-七乐彩专家杀号推荐| www.8060.loan-水彩画技法教程| www.56333.com-神舟彩票网站| www.015002.com-彩票中奖牛人爆秘诀| www.8522.loan-彩票坊论坛-| www.63732.cc-古建筑彩绘图案| www.022609.com-体彩排三断组今天| www.096700.com-千亿彩票手机版下载| www.172533.com-彩票中奖查洵| www.200192.com-新浪数字彩票排三| www.198551.com-精彩十分怎么玩法| www.52hv.com-樱花星空水彩画教程| www.576284.com-福彩3d天齐网| www.19550.com-聚星彩票合法吗| www.3246.cn-彩票几点停止销售| www.51898.cc-彩宝网3d遗漏走势| www.126120.com-手机卖彩票合法的吗| www.av44.com-福彩排列5开奖结果| www.wh13.com-七星彩2283-| www.717199.com-彩铅画对幼儿的好处| www.306411.com-利澳彩票app| www.19je.com-肥城体彩3亿元| www.1992.in-亿彩彩票安卓版| www.101206.com-排列三字谜乐彩网| www.228967.com-新加坡好彩双爆珠| www.617887.com-亿购彩平台-| www.715935.com-彩票代购网站妙招| www.750928.com-足球彩票18075| www.062924.com-彩票手机报下载安装| www.16038.com-竞彩pc版-| www.907940.com-彩票网源码-| www.967062.com-彩票店提成怎么算| 新盈彩www.xinyc2.com| www.879192.com-和彩印基础包是什么| www.942112.com-凤彩网专家app| www.981694.com-彩票站怎么挣钱| www.cp7198.com-百盈快三稳赚计划| www.me71.com-快三彩票倍投| www.e13.cc-网上购彩app下载| www.055398.com-幸运十分彩走势图| www.137475.com-竞彩足球任九场| www.254357.com-爱乐彩十一选五| 博友彩www.286967.com| www.87fr.com-快频彩怎么打票赚钱| www.062217.com-万彩网彩票-| www.999714.com-福彩3d44462| www.mr85.com-时时彩五星定位规律| www.72aq.com-梦见买彩票没有中奖| www.593800.com-百亿彩票-| www.719689.com-七星彩几位数中奖| www.836822.com-十分精彩软件| www.009439.com-彩票网站老是同ip| www.2456.org-金博彩票官方直营网| www.13267.cc-竞彩误差排行| www.6994.vip-七彩视界打不开| www.5206.wang-福彩申请流程| www.11731.com-彩乐乐网杀号| www.170409.com-青海快三电视走势图| www.816296.com-快三出豹子多少钱| 好彩www.60123t.com| www.264257.com-查河北福彩快3开奖| www.284.xyz-时时彩刷流水技巧| www.3788.me-福建即乐彩-| www.375718.com-福彩3d魔鬼推算图| www.760627.com-时时彩独胆推荐计划| www.813961.com-千亿彩票五-| www.891639.com-双色球彩票开奖结果| www.984820.com-彩之家主页的网址| www.bp54.com-在哪里下载彩票软件| www.ys85.com-兴平体彩-| www.36fb.com-七星彩正版图纸| www.94ov.com-k彩登陆浅路测速| www.936677.com-中国福彩自助投注机| www.ah69.com-七星彩图纸-| www.027092.com-345彩票网登录| www.240448.com-四季彩怎么提现不了| www.397230.com-体彩福建11选5|