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天

知道了
9彩注册 www.19tx.com-彩票平推是什么意思| www.084546.com-赢彩票合法吗| www.158462.com-足彩北单玩法| www.366022.com-七星彩今日开奖| www.206835.com-内蒙快三跨度度振揊| www.76205.com-潘向东中彩票| www.262636.com-彩票巨奖死亡| www.854620.com-排列走势图彩宝贝| www.984439.com-彩运8app骗局| www.jv33.com-168彩票官方| www.0563.loan-662399彩王-| www.206243.com-快开彩票骗局| www.498966.com-竞彩扣税原则| www.602602.com-中国福体彩开奖信息| www.696772.com-金华体彩电话号码| www.393016.com-古风眼睛彩铅画| www.560667.com-澳洲3分彩怎么玩| www.711903.com-e彩堂软件-| 天朝彩票www.15855.cc| www.ne80.com-皇都彩票登录| www.767015.com-快三方案-| www.382608.com-江苏体彩19049| www.508781.com-聚象彩是什么网站| www.592180.com-最好的彩票软件| www.676342.com-明天彩票号是多少| www.766545.com-彩票站竞猜靠谱吗| www.69322.cc-足彩竞猜预测足料红| www.972419.com-娘娘彩铅画-| www.0298.net-彩票店开在哪里好| www.940043.com-福彩幸运农场怎么玩| 双彩网www.152012.com| www.979645.com-360彩票购彩票| www.ik73.com-广东体彩电话投注| www.22fp.com-黑客侵入彩票网站| www.353327.com-彩票真真假假| www.518484.com-炫彩弹球ios| www.358096.com-新浪彩票足彩| www.345877.com-皇家快乐彩开奖记录| www.517526.com-澳门福星彩开奖结果| www.395612.com-彩虹歌曲周杰伦歌词| www.399622.com-京彩e账户怎么激活| www.39152.cc-手机彩票去哪里买| www.304259.com-彩神争霸8彩票登录| www.1935.top-福彩3d对应号| www.573692.com-黑红梅方单挑彩票机| www.680863.com-35彩票平台怎么样| www.035.bid-明月珰七星彩四库书| www.338285.com-黔西商业街彩票店| www.456354.com-福彩三地中奖信息| 大赢家彩票平台www.976291.com| www.lv99.com-好彩极速快三| www.059563.com-k彩娱乐手机客户端| www.155469.com-足彩如何分析| www.3515.red-时时彩一分彩计划| www.441523.com-国际福利彩票怎么玩| www.235.net-时时彩后2组选8码| www.581353.com-买彩票看图形怎么看| www.652551.com-福彩p62开奖| www.757536.com-睛彩山西百姓春晚| www.835006.com-福彩3d天天彩图谜| www.901317.com-彩票的常识-| www.933236.com-宝马彩票apk| www.803776.com-海南体彩官网首页| www.883239.com-鸿彩网网址-| www.970489.com-竞彩强胆推荐三串一| www.cai2766.com内蒙快三形态走势图| www.1627.biz-登录全民彩票官网| www.777292.com-福彩手机可以投注吗| www.903959.com-彩票游戏出租| www.cp7000.cc-江苏快三赚了几十万| www.28ve.com-彩票中奖被人冒领| www.711720.com-玩彩哪个平台可靠| www.839353.com-福彩快三改时间| www.920108.com-苏州福彩快3推荐| www.975365.com-下载博牛彩票| www.rt76.com-延边体彩中心地址| www.567854.com-今日彩票哪里中奖了| www.659862.com-足彩人工智能分析| www.735753.com-篮球彩票分析师| www.la19.com-老快三开奖统计图表| www.25626.com-分分彩是不是骗人的| www.097501.com-福彩三d幸运码下载| www.mk42.com-正规足球竞彩app| www.534007.com-杏彩总管29612| www.614778.com-pk彩票app-| www.337707.com-西宁市福彩站| www.882470.com-香港五分彩开奖官网| www.h91.com-49彩票平台软件| www.104369.com-彩神争霸犀牛彩票| www.ci02.com-福彩三d平台出租| www.np69.com-江苏福彩兑奖流程| www.mt36.com-时时彩牛牛玩法规则| www.24694.cc-彩铅鲸鱼画-| www.035339.com-快三单式查询| www.858673.com-体彩试机号近10期| www.627018.com-七喜彩票-| www.18hk.com-鲁豫采访彩票大奖者| www.55563.cc-玩彩虹伞的音乐| www.793702.com-公职人员中彩票| www.0241.cm-欢乐时时彩开奖| www.961797.com-加qq买彩票赚钱| www.82dn.com-竞彩足球历史最大奖| www.1135.net-足彩改期怎么算| www.cai19.com-快三怎么玩和值稳赚| www.70030.com-测彩-| www.035814.com-今日彩票手机版| www.25995.com-有关彩虹的美好寓意| www.379062.com-国家足彩培训师| www.492549.com-福彩3d猜1d应用| www.426223.com-彩票怎么扫码看中奖| www.527886.com-微彩娱乐是骗局揭秘| www.712639.com-网赚彩票犯法吗| www.652033.cc-周一哪个彩票开奖| www.217637.com-单机游戏快三下载| www.237079.com-全能中彩彩票| www.063195.com-创彩网是骗局吗| www.152123.com-山东体彩网即开订票| www.686263.com-中国体彩福彩| www.378336.com-七号彩票网址| www.140310.com-华宇彩票平台| www.366848.com-天下彩网彩票资讯网| www.062743.com-彩96彩票领导者| www.545184.com-浙江福彩15选5| www.795518.com-福利彩票省内兑| www.089815.com-彩票聊天话术| www.034655.com-有哪些正规彩票网站| www.209338.com-快三可以赚钱吗| 幸运彩票www.085366.com| www.635838.com-彩虹六号围攻豪华版| www.726110.com-搜狗彩票合法吗| www.789236.com-足彩5808万-| www.538043.com-彩票国彩快3| www.775013.com-福彩双色球开奖日期| www.850175.com-足彩串关单场| www.910633.com-竞彩即时比分| www.967471.com-好听的体彩店名字| 凤凰彩票www.88266m.com| www.116959.com-河北福彩快乐3历史| www.706117.com-发彩单只染膏| www.178534.com-广东福彩手机投注| www.368828.com-18个同学合买彩票| www.220023.com-一分快三有技巧么| www.389068.com-分分彩开奖软件下载| www.524885.com-靠谱的彩票台子| www.610153.com-手机快三是真的吗| www.161229.com-三星福彩有限公司| www.261320.com-极速时时彩开奖| www.356498.com-第一彩票网购物| www.860504.com-福利彩票江苏快三| www.952875.com-今天竞彩足球预测| 通盈彩票www.567388.com| www.084414.com-动物福彩网-| www.1186.me-彩657-| www.9197.wang-航天彩虹股价| www.72599.cc-福利彩票销售站号| www.025105.com-vb彩票选号-| www.5885.cn-体彩三句话更新| www.66853.cc-不用彩票能兑奖吗| www.047247.com-22彩票网-| www.564226.com-1号彩官网-| www.44479.cc-身边有没有人中彩票| www.2031.com-河南体彩中心在哪里| www.sh69.com-体彩七-| www.231516.com-豪彩娱乐app下载|