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天

知道了
彩01彩票 www.557400.com-亏损返利彩票平台| www.96cm.com-网易彩票真的吗| www.019576.com-彩票快3出奖号码| www.375644.com-体彩兑奖需要哪些| www.640005.com-福利彩票计划| www.963624.com-描写彩虹的优美句子| www.5000.me-多彩网2599cc| www.103855.com-我想下载中彩网| www.2878.com-足球竞彩论坛| www.150671.com-微彩站怎么注册| www.553206.com-天天快三群-| www.753051.com-彩经网3d走势图大| www.905257.com-百宝彩票青海快3| www.a58.cc-足球竞彩如何倍投| www.084.biz-zc222众彩网| www.09874.com-下载天天彩票app| www.389951.com-中国体彩排列三开况| www.512508.com-盈彩的意思是什么| www.583661.com-网易人人中彩票官网| www.662707.com-更多精彩内容请关注| www.731945.com-易盈彩app-| www.805770.com-彩票的行业类别| www.877351.com-境外彩票骗局| www.948074.com-大乐透预测众彩网| www.cp3229.com-安个新快三-| www.ym60.com-南洋彩开奖-| www.38wm.com-彩民在线频道观看| www.557.cx-快三大小怎么判断| www.8235.org-竞彩提点多少| www.30211.com-福彩3d南方双彩| www.80769.com-专家预测3d彩宝贝| www.038740.com-彩票试机号查询全国| www.150084.com-全民中彩票ios版| www.282099.com-七乐彩推荐-| www.388644.com-首批互联网彩票牌照| www.546691.com-139彩票网手机版| www.659302.com-丹麦快乐彩人工计划| www.774443.com-儿童简单水彩画| www.902235.com-彩票站黑彩处罚| www.994326.com-彩票注册邀请码链接| www.ks04.com-袁老师说彩河南快三| www.19lq.com-肥城市体育彩票中奖| www.2158.vip-利彩苹果下载安装| www.10011.com-七乐彩吧-| www.74122.com-彩票开奖中国彩吧| www.062756.com-竞彩分析专家足彩| www.165422.com-民政局福彩中心工资| www.290879.com-c168彩票网站| www.425444.com-强强彩票软件| www.573115.com-928彩票app-| www.677552.com-彩娃彩票正规吗| www.802618.com-七乐彩几点开奖时间| www.921180.com-买彩票教程-| www.714664.com-大本赢彩票-| www.817908.com-9福彩票用户注册| www.900061.cc-657彩票k-| www.988821.com-彩票一等奖交多少税| www.af25.com-彩票最快开奖| www.ww41.com-葡京赌侠赌博送彩金| www.47wh.com-新浪爱彩app苹果| www.1846.cn-网上彩票网站代理| www.04849.com-福彩公益宣传| www.52181.cc-赢彩吧app下载| www.020667.com-福彩总部-| www.110431.com-福彩快3查询| www.184558.com-快三三军怎么算中奖| www.261701.com-赠送彩金qq群| www.338531.com-武汉福利彩票| www.491111.cc-十分彩怎么玩| www.590141.com-七星彩号码解梦查询| www.682721.com-致富彩票是不是骗局| www.788454.com-竞彩唯彩看球| www.869331.com-七星彩有假吗| www.931446.com-概率买彩票-| www.991227.com-新121彩票走势图| www.al58.com-七星彩对数表| www.th14.com-河南福彩幸运彩直播| www.13tk.com-好彩一开奖结| www.983.bid-彩票黄金分割| www.7610.biz-体育彩票门脸牌子| www.26287.com-中国彩吧下载| www.71174.com-查看福彩票开奖| www.292969.com-河南高频彩-| www.388687.com-梦见一串彩票数字| www.512120.com-小鸟画彩铅-| www.592326.com-梦图解码七星彩查询| www.727074.com-中彩网3d走势| www.826883.com-胜负彩怎么看| www.938998.com-澳客彩票旧版本| 百姓彩票www.bxcp3.com| www.je04.com-彩客竞彩彩票骗局| www.n60.cc-美国彩票大奖号码| www.83bz.com-彩印箱-| www.3935.xyz-時時彩走势图带连线| www.9913.loan-牛彩专家预测| www.59211.com-8亿彩软件-| www.028817.com-容华彩票官方网| www.140486.com-三亚福彩中心在哪里| www.228929.com-江苏快三二不同号| www.320398.com-排3跨度走势彩乐乐| www.400119.com-重庆市彩是官方的吗| www.559255.com-包头福彩网点| www.626003.com-众彩购票网站123| www.753923.com-七星彩彩版-| www.cai7033.com百宝彩快三-| www.973674.com-七星彩开奖结果规则| www.sh13.com-圣地彩注册平台| www.20ku.com-福彩3d博通预测| www.55rr.com-湖南体彩赛车频道| www.0258.la-网络彩票骗局时时彩| www.40409.cc-彩票条形码撕坏| www.99474.com-长沙福彩中心地址| www.096456.com-3d预测好彩网| www.691732.com-麒麟竞彩推荐| www.949284.com-福彩跨度表-| www.663.tv-今彩票开奖结果查询| www.022637.com-福彩3d天下无敌1| www.cp541.com-彩神app大发快3| www.32gj.com-体彩181-| www.952424.com-电视上用的快三软件| www.247163.com-内蒙古快三30期| www.505951.com-盛彩软件-| www.844718.com-互娱彩票是合法的吗| www.ce8.com-好彩三奖金-| www.3hs.com-网警怎么查网上彩票| www.6890.vip-彩票销售平台的优质| www.84833.cc-体彩十一运夺金玩法| www.157655.com-竞彩加奖是怎么回事| www.004638.com-福彩一分钟开奖的| www.xi29.com-陇南市福彩中心| www.139204.com-好彩二四六-| www.055100.com-海马颜色简笔画彩色| www.972100.com-彩票105期3d| www.011865.com-彩票星期四开奖| www.169677.com-内蒙古快三下载安装| www.515808.com-彩票私庄-| www.728327.com-中国体彩网点查询| www.y55.biz-五分彩走势图怎么看| www.4241.vip-七彩汇娱乐app| E彩堂www.9818n.cc| www.505169.com-天空彩官网-| www.3125.top-体彩中心查询电话| www.702121.com-福利彩票时间差软件| www.464369.com-体彩怎么看中奖方式| www.693091.com-山东福彩报障app| www.830504.com-福利彩票查询软件| www.5992.biz-19002期足彩| www.84066.com-福彩3d藏机诗98| www.126850.com-菠萝彩魔图新规律| www.298309.com-今日福利彩票开奖| www.448994.com-杭州福彩网申请| www.635760.com-下载宝乐彩票app| www.777882.com-黑彩票网站被骗| www.912076.com-私彩犯法-| www.98070.com-金鹰团队重庆时时彩| www.207285.com-今日彩票官网地址| www.362699.com-彩票缺角-| www.036101.com-体彩竞技风暴| www.936382.com-最新姜山冷门足彩| www.eo.cc-河北福彩快三彩票| www.52lv.com-江苏丰彩保温| www.47888.cc-体育彩票玩法奖金| www.146244.com-乐彩开奖下载| www.292525.com-快三全部玩法|