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天

知道了
亚洲28 www.92354.com-04彩票-| www.697358.com-全民彩票代玩| www.826923.com-彩票定位胆怎么玩| www.907003.com-来一组彩票号码| www.972324.com-福彩3d一定牛下载| www.cp342.com-湖北快三开将结果| www.092858.com-体彩61走势图| www.22147.com-黑彩票不能提款| www.52mt.cc-彩票首页走势图| www.242797.com-常州福彩兑奖中心| www.788186.com-足彩19050分析| www.900700.com-彩萍大少爷-| www.186187.com-各种釉彩大瓶| www.291629.com-鸿彩快三在哪下载| www.26ka.cc-web插件彩票| www.515.space-我的幸运数字彩票| www.192512.com-韩国快三-| www.28255.cc-吉祥彩票合法吗| www.611916.com-乐彩论谈手机板| www.397642.com-福彩刮刮奖中奖图片| www.024055.com-福彩票开奖查河| www.7449.cc-乐和彩双色球走势图| www.60194.com-分分彩挂机必死| www.920.club-体彩19081开奖| www.28516.cc-快三线上第一平台| www.030918.com-铭发彩票平台| www.255193.com-澳洲时时彩开奖记录| www.665648.com-体彩店一般到几点| www.952595.com-k彩会员登录| www.vr70.com-彩票双色球开奖规则| www.54ok.com-贵阳花果园彩票店| www.162922.com-天空彩票彩民开奖| www.463067.com-惠盈彩票app| www.086411.com-彩客彩票老版本| www.443364.com-乐仑彩票充值| www.881502.com-排三走势图彩吧助手| www.85vr.com-利用彩票平台赚钱吗| www.512086.com-凤凰彩票掌舵者团队| www.n70.net-彩票怎么看的| www.022079.com-网络销售彩票合法吗| www.425310.com-彩陶泥冰淇淋图片| www.923697.com-秒速时时彩官方| www.11ev.com-买足球彩票规则介绍| www.21354.com-河北快三计划| www.125407.com-pk彩交流-| www.4xl.cc-竞彩奖金个税| www.555514.com-神采奕奕的彩的意思| www.817442.com-体彩500走势图| www.vm69.com-最新体彩票开奖结果| www.5543.xyz-大发彩规则-| www.883578.com-aap奔驰彩票| www.96179.cc-彩票识别码在哪里| www.191373.com-怎么看快三彩票走势| www.538963.com-财富彩票apk| www.51654.cc-关注一下彩票开奖| www.88356.com-玩彩票怎么控制心理| www.978386.com-彩色水泥-| www.k39.pw-上海快三推荐软件| www.4400.net-快三和值奖金| www.52927.cc-香港好彩8o234| www.081227.com-李永乐说彩票| www.539643.com-幸运时时彩趋势图| www.620358.com-中国人中了美国彩票| www.82796.com-2013彩票app| www.41zv.com-彩票平台账号被冻结| www.219725.com-贵州体彩网11选5| www.147594.com-体彩大赢家软件| www.354321.cc-足彩开奖公告奖金| www.697780.com-特彩高网吧-| www.0240.loan-必赢福彩-| www.49678.com-江苏福彩兑奖中心| www.112248.com-3d彩吧图谜第五版| www.576412.com-福彩最多能打多少倍| www.023452.com-1228彩票-| www.664155.com-工商银行彩票定投| www.38639.com-幸运彩网站登入| www.89916.com-足球彩票的软件| www.590296.com-深圳体育彩票规模| www.590258.com-2018年彩票中奖| www.w68.org-彩票怎么追号| www.300.club-彩票稳定盈利模式| www.7523.pw-彩运宝体彩店| www.835722.com-体育彩票在哪里兑奖| www.68723.cc-9购十分彩合法吗| www.057821.com-彩吧3d第三版| www.74lb.com-香港上水马会彩票| www.531938.com-彩厍宝典旧版| www.46992.com-彩票源码要去哪里买| www.811312.com-南国彩彩票论坛| www.893297.com-彩票大师软件下载| www.328998.com-广西彩票网站首页| www.471519.com-福彩3d的偏差| www.028914.com-鸿彩网登录下载| www.8106.tv-9928彩票注册| www.6754.org-709彩票坑人| www.32vf.com-在临沂开体育彩票店| www.755572.com-七星彩开奖表| www.828967.com-手机彩票888| www.963670.com-足彩二串一复式| www.769982.com-当黑彩庄家-| www.905945.com-福建福彩地址| www.548173.com-梦兆册七星彩号码查| www.621805.com-台湾威力彩开奖结果| www.43215.com-中彩网怎么投注| www.729642.com-彩票开奖3-| www.420.tm-家彩千禧试机号| www.00vg.com-彩票缺个角有效吗| www.64ss.com-乐合采竞彩最新版本| www.510195.com-体彩单关-| www.737658.com-金彩网是正规的吗| www.2400.tv-福利彩票我要投注| www.352827.com-88赛马彩票计划| www.483907.com-福利彩票亭转让| www.578251.com-体彩甘肃-| www.698718.com-众盈彩票是骗人的吗| www.501192.com-竞彩篮球时时比分| www.788548.com-足彩19053期| www.924940.com-销售彩票软件话术| www.4pt.com-福建体育彩开奖结果| www.6279.xyz-彩票360全国开奖| www.96253.cc-见证中彩票的基督徒| www.98332.cc-中国竞彩网官方信息| www.173575.com-福彩3d开奖-| www.0216.vip-福彩3d试机号号码| www.60278.com-大发分分快三软件| www.4786.com-c16彩票app-| www.7575.in-宏盛彩票分析软件| www.345940.com-十四场足彩分析| www.440263.com-37彩票平台-| www.572668.com-彩票乐娱平台| www.746662.com-河北福彩官网| www.832929.com-体彩出票生成二维码| www.888577.cc-107彩票下载| www.948734.com-福彩的利润-| 金凤凰彩票www.if57.com| 大奖彩票www.55djcp.com| www.207979.com-乐彩网猜单双| www.258691.com-奥客竞彩网-| www.400464.com-点击彩诈骗-| www.165.com-彩库宝典开-| www.6588.love-彩168官方网站| www.196342.com-彩票306软件| www.172593.com-福彩快3软件| www.241200.cc-彩虹代表的意义| www.321026.com-彩票开-| www.475878.com-gc国彩网站-| www.19ul.com-手机版彩票挂机软件| www.563152.com-老彩民高坛-| www.647765.com-乐米彩票进不去| www.712651.com-99彩登陆-| www.797907.com-彩61网站源码| www.867437.com-好彩票官网更新| www.927438.com-韩国快三助手下载| www.974491.com-一分快三可以么| 红旗彩票www.629053.com| www.596913.com-乐购彩票怎么注册| www.053622.com-球彩直播app| www.357148.com-吉林三地彩票| www.1544.vip-包头昆区福利彩票| www.6650.vip-新乐彩票登录平台| www.17593.cc-六喝彩开奖结果查珣| www.86315.com-三彩进货几折| www.212112.com-彩吧论坛-| www.168293.com-江苏快三形态走势图|