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天

知道了
百盈PK10 www.015778.com-唯彩会软件下载| www.144813.com-福利彩票手机能买吗| www.526112.com-竞彩足球推荐310| www.65553.com-江苏快三是黑彩吗| www.331984.com-福彩十分开奖| www.375515.com-体彩高频任三| www.423166.com-中国体育彩票标志图| www.558457.com-古风女彩铅手绘图片| www.729391.com-彩13网站-| www.003762.com-盈彩娱乐平台怎么样| www.536525.com-美国彩票网中文| www.746702.com-天天爰彩彩票| www.915254.com-自动彩票售卖机加盟| www.ab80.com-河南体彩-| www.18oz.com-福利彩票微信二维码| www.01389.com-竞彩必发指数是什么| www.14ek.com-99彩登陆平台登录| www.551156.com-合买彩票平台| www.852635.com-彩6下载链接| www.id68.cc-彩神vlll-| www.4812.biz-彩6网站怎样| www.56278.com-欢迎光临聚宝彩票网| www.949778.com-百宝彩视免费账号| www.23569.com-红旗彩票官方网站| www.525003.com-江苏快三输8万| www.888589.cc-v78彩票网-| www.zg41.com-彩票占卜幸运号| www.520.blue-带玩彩票游戏骗人| www.27611.com-青海快三走势今天| www.35kk.cc-周一福彩开什么奖| www.221908.com-乐点平台大发时时彩| www.259763.com-彩票选号器下载| www.089916.com-湖北快三开结果| www.539409.com-彩票行业危机| www.yt73.com-亿网彩票下载安装| www.94kr.com-采全网彩金网彩卷网| www.35335.cc-如何玩快三不会挂| www.103193.com-丰彩1元中奖规则| www.302212.com-南国体彩4十1论坛| www.qk3.cc-体彩7位数选号技巧| www.50rp.com-易彩国际平台手机版| www.22528.cc-邀请码彩票驿站| www.022669.com-淘宝快三技巧| www.604615.com-d9彩票9299-| www.761667.com-关于彩票九宫八卦图| www.887.site-彩铅古风背影人物画| 500万彩票www.808732.com| www.595325.com-乐彩论坛原创分析| www.61068.com-九五贵宾会彩票网| 火星彩票www.hx6694.com| www.50335.com-七星彩早版彩图专区| www.064406.com-中国竞彩足彩500| www.423704.com-无双大蛇3星彩| www.621633.com-乐彩网用户注册| www.62520.cc-今天的彩票中奖号| www.985995.com-福彩站怎么样| www.342.hk-体彩七星彩开奖图表| www.108311.com-想赢足彩-| www.254599.com-数字app彩票软件| www.746543.com-555彩票安全吗| www.5401.org-足彩竞彩中奖规则| www.98269.com-体彩试机号码是| www.478283.com-买彩票世界杯| www.796419.com-亚洲购彩网能提现吗| www.962115.com-体育彩票360| www.747680.com-中彩网址是什么| www.933385.com-北京快三时间截止| www.ru1.cc-快三是啥游戏| www.o81.net-彩票怎么玩才稳赢| www.95uw.com-计算器竞彩足| www.7034.biz-244大众彩票| www.51466.cc-彩虹糖哪年开始生产| www.100317.com-彩宝彩票app安卓| www.234955.com-下载福彩软件| www.362015.com-博大彩票贴吧| www.507363.com-亿彩江苏快三真的吗| www.402435.com-竟猜足彩比分| www.650285.com-休彩票排五-| 500彩票网www.61655u.com| www.ou60.com-福彩3b开奖结果| www.81xi.com-彩票在-| www.6550.in-黑客破解一分快三| www.119537.com-快三儿-| www.356143.com-分分彩免下载| www.651002.com-创意水彩风景画| www.96872.cc-大乐透贴吧体彩吧| www.127387.com-彩虹六号围攻干员| www.378635.com-k彩app怎么下载| www.750431.com-豪彩平台总代理| www.862299.com-k彩官网-| www.167486.com-中国福彩快3玩法| www.og61.com-福彩山东全图| www.0566.bid-3d彩票陈华-| www.91347.com-手机壁纸炫彩边框| www.266946.com-今晚上彩票开奖结果| www.413535.com-网易福彩预测分析| www.854286.com-浙江福彩阳光征招| www.55no.com-蒙自市体彩中心| www.8157.top-今天可以买彩票吗| www.122539.com-乐彩ⅴip下载| www.9547.live-买彩票一般花多少钱| www.75927.com-彩票作废叫什么| www.371666.cc-彩567-| www.jm91.com-分分彩坑人-| www.17ro.com-彩票大年初几开奖| www.01503.com-七星彩当期奖金额| www.4410.me-即开型福利彩票| www.168786.com-安徽快三开奖结果快| www.705303.com-新任福彩主任是谁| www.836133.com-彩票大奖领奖流程| www.gl65.com-彩票查询双色球| www.82ju.com-体彩大乐透哪里兑奖| www.029710.com-内蒙古体彩中心主任| www.785874.com-昨天福彩3d出什么| www.833.tv-彩票直播平台哪个好| www.05201.com-秒速时时采彩可靠吗| www.96674.com-网上代玩彩票兼职| www.382960.com-丰隆彩旸香江价格| www.702922.com-职业竞彩人-| www.968784.com-乐彩vip安卓| www.5707.me-明代三彩-| www.38659.cc-雅彩app官方下载| www.032229.com-11选5爱彩乐广东| www.150407.com-新浪数字彩票网| www.663473.com-乐彩彩票是真的假的| www.0995.net-久乐彩票网购| www.192875.com-哪个彩票软件最好| www.500355.cc-越南河内五分彩贴吧| www.661652.com-体彩的什么限制了| www.976377.com-彩票开奖直播app| www.1189.org-河北快三对子分析| www.77131.cc-有中福彩的吗贴吧| www.379629.com-彩票中中大奖| www.617197.com-4oo5oo好彩堂| www.905160.com-江苏快三高手| 福彩www.15355q.com| www.tr84.com-网上不能买足彩了吗| www.79fy.com-正规的体彩app| www.43138.com-中彩网老师带| www.94721.com-福彩体彩销售额| www.112637.com-七乐彩查询-| www.187553.com-快三内蒙开奖结果| www.554641.com-吉林快三开奖查询| www.789475.com-济南彩色包装纸箱| www.f56.com-体彩中奖号码| www.1136.in-足彩延期公告| www.42738.com-易网红彩app官网| www.155827.com-好彩客安卓版| www.500351.com-好好彩票-| www.621032.com-牛彩3d字谜汇总| www.748012.com-308彩票蛋蛋| www.880691.com-福利彩票如何选好| www.68ry.com-全球主要博彩公司| www.4321.in-彩票投资公司| www.30299.cc-大连体育彩票| www.005461.com-彩吧双色球字谜图库| www.128307.com-七星彩开奖结果规则| www.329230.com-皇马战绩500彩票| www.493815.com-立即购买双色球彩票| www.617619.com-霸州体彩中心| www.979666.cc-香港248天天好彩| www.vy09.com-玩快三根本无法赚钱| www.09nu.com-查体彩-| www.63ul.com-彩票网租-|