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.pk13.com-职业彩票高手经验| www.102047.com-彩天下会不会是骗局| www.bu06.com-大财神彩票app| www.z63.net-彩神uv机质量| www.85hc.com-飞彩网是真的么| www.9962.top-玩彩老头预测三地| www.5939.biz-ios12原彩显示| 豪彩VIPwww.057452.com| www.k68.me-上海快三手机版| www.sr67.com-快三公式算法| www.246236.com-足彩新浪竞技风暴| www.66yh.com-游彩网注册-| www.619966.com-碧彩电子秤维修电话| www.70ls.com-联机盒子彩名| www.5229.site-派彩是什么彩票| www.630.in-时时彩奖金调节| www.00736.com-好乐彩下载-| www.77603.com-5千8千彩票网资讯| www.827621.com-彩票支付宝能提现| www.187166.com-分分时时彩app| www.294999.cc-易彩国际时时彩骗局| www.385019.com-下载澳客彩票网| www.590050.com-足彩竞彩比分计算| www.669474.com-今日体彩排列3谜语| www.740060.com-彩票香港-| www.811312.com-南国彩彩票论坛| www.881360.com-彩45彩票手机软件| www.962558.com-彩友时时彩计划| 500彩票网www.65707h.com| www.293508.com-幸运彩票平台可信不| www.664534.com-油性彩铅风景效果图| www.198097.com-北京快三振幅走势| www.318585.com-13彩是骗局吗| www.733151.com-快三玩法秘籍大全| www.789666.cc-碧彩ii800校称| www.293871.com-江苏福彩七乐彩| www.404898.com-k彩游戏是骗局吗| www.161089.com-新开彩票平台送彩金| www.353731.com-怎么买中彩票被骗| www.502466.com-济南彩票杀人案| www.260.tv-足彩串串容错表| www.228990.com-大发快3彩票技巧| www.419580.com-亚洲彩-| www.601904.com-好像中彩票-| www.215736.com-体彩福彩开奖号码| www.761812.com-海南七星彩局王奖表| www.881112.com-澳门博彩十大平台| www.iy04.com-嘉兴市体彩网| www.04eq.com-彩客彩票吧-| www.867076.com-星期一出什么彩票| www.03mq.com-彩票平台带大发快3| www.688788.com-鸿鼎彩票注册| www.161872.com-今日头条送彩票| www.261723.com-彩票導航-| www.095212.com-彩票概率问题| www.450411.com-比较大的博彩公司| www.953265.com-彩神争8的网址| www.zg12.com-七乐彩杀号360| www.k74.com-体育彩票下载安装| www.790280.com-形容特别炫彩的词| www.899667.com-滨州体育彩票电话| www.982457.com-鸿运来彩票是正规吗| www.fy46.com-河北体彩网-| www.270017.com-360彩计划-| www.851414.com-彩客网足彩预测| www.955487.com-体育彩票销量排行| www.nz17.com-重庆时时彩查看网址| www.09857.com-微彩专业版app| www.538805.com-3d大花虎彩吧图库| www.614687.com-伊布都和三彩哪个好| www.686004.com-时时彩2期必中计划| www.764509.com-321彩票网-| www.859383.com-河北省福彩中心电话| www.938668.com-亿彩彩票安卓旧版| www.998254.com-做兼职玩快三合法吗| www.127710.com-彩虹代刷对接卡易信| www.103699.com-吉林快三辅助| www.189120.com-彩票专业分析选号器| www.693861.com-体彩双色球机选号码| www.788743.com-齐齐哈尔北道彩票| www.867955.com-上海快三号码预测| www.93171.cc-彩钢瓦屋顶厚度| www.960414.com-中彩票1亿-| 幸运彩票www.73166k.com| 环球彩票www.660686.com| www.198097.com-北京快三振幅走势| www.750928.com-足球彩票18075| www.f12.in-乐彩彩票app| 500万彩票www.98528f.com| www.092612.com-江西彩礼排行| www.x22.cm-彩神2赢钱能提现吗| www.986074.com-福彩提点-| www.857268.com-众购彩票app| www.950122.com-彩票禁止网络销售| 凤凰Vwww.www.fh7557.com| www.516688.com-彩票守号推荐号码| www.136993.com-凤凰彩票可靠不| www.962085.com-快三计划交流群| www.ah39.com-七星彩下期最准预测| www.504511.com-彩排是什么-| www.83gc.com-体彩11远5北京市| www.x18.cc-248彩票幕后| www.826017.com-快三有首充平台| www.930158.com-生肖彩票中奖规则| 天际彩票www.tj52.com| www.588877.cc-七星彩几点开奖几点| www.077551.com-鸿彩网直播种子| www.096297.com-贵阳福彩中奖未领取| www.579343.com-请问彩票最新开奖结| www.668672.com-彩票数字公式计算法| www.739613.com-买秒速时时彩的技巧| www.198541.com-快三时时计划表| www.307299.com-爱彩乐算什么彩票| www.398072.com-竞彩篮球比分分析| www.67872.cc-棋牌彩票推广中心| www.9976.org-下载彩吧图库第一版| www.887244.com-快乐彩任选四怎么玩| www.949642.com-快开彩票有哪些| www.992345.cc-时时彩什么叫不定胆| www.pg8.com-快三能赢钱吗| www.37qq.com-快三赔率是多少| www.077182.com-彩色一体打印机| www.650962.com-水彩花卉-| www.ys49.com-山东省彩票兑奖| www.89ub.com-彩票骚扰短信| www.75139.com-彩吧排三第二版| www.50kh.com-诚信可靠的足球彩票| www.0556.org-地主刘文彩童养小| www.6953.cn-竞彩赚金怎么没有了| www.32el.com-今天开的彩票| www.429068.com-彩票可以玩吗| www.300608.com-七乐彩预测专家众彩| www.753266.com-d9彩票99269| www.462960.com-全民彩苹果版| www.273635.com-黑时时彩-| www.343318.com-立日彩票-| www.396576.com-星期四开什么彩票| www.503038.com-557彩票app-| www.889288.com-彩川ひなの下海| www.072222.com-盛兴龙版彩票| www.84692.com-时时彩在线计划数据| www.380272.com-派彩助手上海怏3| www.024781.com-7星彩怎么兑奖| www.712508.com-天天中彩票安卓| www.832265.com-彩吧助手3地走势图| www.927398.com-江苏体彩彩民论坛| www.992828.com-中彩华南致富靠谱吗| www.ad6.com-网络快三赌博| www.035151.com-彩票如何如何不赔钱| www.152629.com-网投彩票app| www.08uz.com-体彩排三出号走势图| www.959355.com-御彩轩app收费| www.683521.com-义乌体彩店转让| www.765454.com-众发彩票怎么样| www.885245.com-新彩宝彩票官网| www.977946.com-宝马彩票平台怎么样| www.ep2.com-有没有玩吉林快三的| www.290378.com-体彩兑奖多久到账| www.272501.com-时时彩20分钟一期| www.697300.com-福彩三d藏机图迷| www.823993.com-体彩竞技500| www.906113.com-狗万比国彩好多了| www.993528.com-足彩保本玩法| www.kz07.com-安徽快三分析软件|