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.920233.com-彩神通官方网| 500彩票www.50026i.com| www.qj51.com-好彩二复式注数计算| www.2830.org-下载好彩投-| www.18181.com-福彩中心开机号胆码| www.96103.com-遵义彩票店转让信息| www.078500.com-盈彩在线app下载| www.098.date-博乐博彩-| www.6296.cn-福彩好心人布衣图库| www.27762.cc-黑龙江畅快三| www.274338.com-大奖分分彩人工计划| www.372448.com-彩色的翅膀的作者是| www.27wj.com-分分彩哪里可以买| www.5578.me-1旺旺彩票-| www.64611.com-竞彩结合外围套利| www.152159.com-网络彩票真假| www.292044.com-uu快三的骗局| www.501822.com-体育彩票哪种效果好| www.616296.com-亚上彩游戏官网| www.758895.com-微彩点播厅-| www.907490.com-天天彩选4开奖时间| www.975640.com-彩礼看出人品| www.756529.com-体彩票上的字母数字| www.836264.com-彩票a-| www.911145.com-浙江奉化快三| www.977314.com-彩礼超2万贩卖人口| www.sh.com-皇都彩票app下载| www.sw92.com-7星彩玩法说明| www.16kb.com-双彩论坛3d专区| www.319861.com-易彩网注册邀请| www.410048.com-体彩排到三开奘结果| www.523030.com-亚彩会怎么注册| www.024466.com-网赌彩票倍投骗局| www.125767.com-那些彩票是官方的| www.209535.com-合买彩票安卓版下载| www.312301.com-速8彩票靠谱吗| www.390024.com-彩经彩票邀请码| www.500018.cc-澳洲五分彩怎么破解| www.572912.com-p3双彩图今天| www.650189.com-博彩游戏什么是| www.725844.com-期期中彩票网站| www.799366.com-七天彩彩票-| www.873461.com-体彩兼营店-| www.949684.com-福彩三d44期| 亿彩彩票www.yi543.com| www.me15.com-福彩快三倍投方案| www.l73.net-彩神3软件靠谱吗| www.49ct.com-利盈彩票靠谱不| www.0446.cc-大乐透彩票号码怎算| www.6715.top-好彩又一鲜酒家| www.22681.cc-网赚彩票犯法吗| www.66386.com-2016101彩票| www.029962.com-彩铅画图片大全风景| www.116096.com-乐彩三d论坛静态版| www.183810.com-宁夏快三历史数据| www.250982.com-中彩在线害了多少人| www.320264.com-利博彩票app下载| www.393754.com-昨天晚上福彩出什么| www.502335.com-热拉的彩票骗局| www.566929.com-二四六好彩图片玄机| www.635168.com-中班七彩音符| www.698328.com-彩虹周杰伦百度云| www.768326.com-爱乐彩河北十一选五| www.848435.com-每日竞彩二串一推荐| www.918987.com-英皇娱乐时时彩平台| www.975776.com-江西彩礼一般给多少| www.2126.org-中福快三计划app| www.7749.com-彩票跟投骗局| www.21102.cc-彩票双色球复式买法| www.61966.com-xr屏幕上有彩点| www.006952.com-赢彩3d开机号| www.087110.com-福彩7乐彩复式| www.163097.com-彩票计划套路| www.225683.com-英国时时彩开奖网络| www.293652.com-快三追号计划表| www.362135.com-描写彩虹好词佳句| www.436985.com-瑞士彩票最高奖金| www.520294.com-3d杀号定胆彩票| www.579092.com-澳洲时时采彩玩法| www.wy69.com-七星彩冷热码分析| www.39dw.cc-潍坊彩民-| www.744.biz-彩神丨x-| www.3822.in-北京7星彩开奖号码| www.9441.cm-胜负彩14场技巧| www.012359.com-免费下载一定牛彩票| www.111925.com-酷彩吧靠谱-| www.193513.com-长春快三开奖查询| www.266981.com-时时彩走势app| www.356983.com-彩票实名制-| www.433449.com-东方彩票注册| www.513727.com-体彩5d出什么号码| www.571595.com-好运彩票合买平台| www.656197.com-2013年七星彩| www.717179.com-彩铅画优点-| www.889876.com-篮球彩票-| www.819941.com-蚂蚁积分换彩票中奖| www.751922.com-中国体彩网网| www.867852.com-特区彩票论坛论坛| www.40oz.com-88爱彩官方app| www.3668.in-今天足彩分析| www.39219.com-春节后彩票开售时间| www.462522.com-环球彩票可信吗| www.699021.com-乐和彩票可靠吗| www.903253.com-首页高频彩吧| www.as07.com-贵阳福彩-| www.26jq.com-山东体彩手机大管家| www.2637.top-时时彩去哪里租平台| www.33700.cc-彩票跟好计算公式| www.014710.com-特区七星彩图规| www.152874.com-彩票不中包赔| www.312499.com-e球彩怎么能包中| www.2188.xyz-迅盈彩票是骗局揭秘| www.50322.com-xy928彩票-| www.064996.com-守信彩票网页版| www.gy21.com-彩八彩票害人不浅| www.77kj.cc-北京通州福彩中心| www.98968.cc-时时彩杂六规则| www.768028.com-吉利三分彩开奖结果| www.rr.cc-中国竞彩网任九开奖| www.137571.com-众博彩票app下载| www.582963.com-全球彩平台-| www.206932.com-彩店宝app-| www.651888.com-彩票收入-| www.1397.vip-高频彩为什么改时间| www.79855.com-贵州体彩网站| www.150756.com-彩票缴税地点| www.307110.com-快三控制住能赢钱吗| www.484840.com-彩量科技-| www.211300.cc-彩报中心彩报图库| www.57fw.com-长沙福彩兑奖地址| www.231531.com-快三号码大全图片| www.362573.com-彩票也疯狂论文| www.567411.com-快乐生肖时时彩| www.997767.com-c58彩票安卓版| www.1001.xyz-苹果快三-| www.367321.com-如何用彩铅画樱花树| www.486100.cc-飞彩网是合法网站吗| www.040067.com-福彩数据统计| www.841963.com-鑫彩网_主页| www.695341.com-足彩线上投注app| www.968547.com-买彩票的兼职| www.11mq.com-河内时时彩计划| www.036782.com-彩票榜下载苹果版| www.189912.com-河北彩票快3走势图| www.65nx.com-浙江福彩app| www.53wj.com-幸运8五分彩| www.51868.com-福彩3d第72期| www.359008.com-十四场开奖彩客网| www.01ji.com-彩虹产生的原因| www.185887.com-七乐彩奖金对照表| www.014788.com-7星彩专家推荐号码| www.903766.com-万豪彩票官方网站| www.xg91.com-600w.彩票网| www.94vg.com-玩彩票钱全部输光了| www.9865.in-五分彩开奖号是多少| www.011001.com-玩快三大小稳赚技巧| www.155117.com-支付宝上能买彩票吗| www.279116.com-丹麦快乐彩官方| www.489866.com-彩票大师安全靠谱吗| www.635391.com-彩票中奖扣税| www.798376.com-如何看彩票是否中奖| www.975263.com-腾讯赛车彩票官网| www.ls36.com-彩票站雇人怎么对账| www.47lx.com-网上如何买福彩|