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.493.mobi-微信彩票群套路| www.491.tv-福彩包括-| www.702922.com-职业竞彩人-| www.791140.com-彩票软件模拟买卖| www.868128.com-周三是什么彩票开奖| www.964197.com-福彩高手3+d彩票| 日彩网www.rcw789.com| www.mg29.com-湖壮福彩快3| www.z42.me-彩神8怎么样| www.954300.com-全民足彩彩票app| 梦想彩票站www.43131w.com| www.mc00.cc-彩票送彩金58| www.553458.com-足彩二串一攻略| www.639410.com-开体育彩票店怎么开| www.739261.com-彩票杀号专家| www.342054.com-湖北体彩无纸化投注| www.057796.com-辽宁快三开奖| www.265342.com-彩票信息-| www.396063.com-竞彩和北单返奖率| www.582220.com-足彩彩客网-| www.739229.com-吉祥彩票是骗局吗| www.874492.com-老张说彩双色球| www.984925.com-体彩排列三预测软件| www.pz26.cc-百盈快三走预测| www.89pu.com-数字彩算法-| www.3248.com-广西移动福彩小助手| www.500558.com-金沙投注七星彩| www.640017.com-大通彩票平台| www.975788.com-北京福彩电投小助手| www.xq.cc-牛彩藏机图-| www.868438.com-七星彩最新图纸| www.959630.com-雄鹰彩票团队计划| www.jf94.com-派彩快乐十分走势图| www.902244.com-黑彩坐庄也能输吗| www.976498.com-河南中奖彩票| www.kv3.cc-北京快三怎么玩挣钱| www.rc04.com-大发时时彩的玩法| www.176553.com-北京福彩快3下载| www.8999.cm-金福彩票网-| www.1246.pw-吉林快三属于赌博么| www.09484.com-鸿鼎彩票注册| www.63577.cc-七星彩领奖方式| www.449218.com-彩票站点提成| www.69510.com-彩票99可靠吗| www.798237.com-易彩补漆笔厂家| www.946234.com-福建体彩app下载| www.d26.com-彩票中奖开奖| www.9786.in-玩体彩外围犯法吗| www.82603.com-足彩19024对阵| www.063624.com-彩票站什么时候淡季| www.5446.vip-沈阳市福利彩票中心| www.360955.com-下载福彩三地试机号| www.497618.com-pk10彩票平台| www.313030.com-新双彩论坛首页| www.ec12.com-福彩平台刷流水兼职| www.382678.com-彩票可以追多少期| www.224123.com-uu快三输了几万| www.023384.com-可以买体彩的软件| www.119191.com-爱乐透福彩彩票| www.620639.com-足球彩票要花多少钱| www.732470.com-彩票595万无人领| www.32134.com-彩钢板围挡报价| www.43vm.com-挂彩了是什么意思| www.712097.com-e球彩票怎么买| www.374886.com-福利彩票计算器下载| www.322760.com-国彩网下载-| www.8119.xyz-福彩3d下注网址| www.66780.com-福利彩票如何推算| www.673665.com-古建筑彩绘颜料配料| www.764342.com-彩投彩票正规吗| www.872293.com-贵州福彩领奖地址| www.937208.com-福利彩票福利彩票| www.994447.com-买彩票技巧顺口溜| www.ch70.com-有幸运快三的网站| www.345682.com-彩漫福利本子库| www.60039.cc-今晚竞彩有几场| www.713973.com-即时彩票app下载| www.jk58.com-快三提前一期看开奖| www.12gt.com-彩票大奖购买时间| www.632.in-在哪找代玩兼职彩票| www.088345.com-699彩票-| www.2646.com-一定牛湖北快三| www.17592.com-开彩票站需要多少钱| www.fg67.com-兼职彩票赚钱| www.256273.com-青海西宁快三开奖| www.351372.com-时时彩平台有哪些| www.429062.com-亿宝彩票可以玩吗| www.529708.com-双彩网双彩论坛| www.850817.com-蜂巢时时彩万位计划| www.81rt.com-九九彩票官网| www.017158.com-青海快三号码分析表| www.199041.com-快三福彩是真的吗| www.an34.com-贵州福彩投注站| www.057661.com-打内蒙古快三派彩网| www.1318.in-体彩直选3-| www.99ip.com-宝乐彩票我的账户| www.961107.com-天下彩手机网| www.wo23.cc-体彩屋合法吗| www.72qs.com-彩票机图片扑克娱乐| www.si55.com-彩票代玩挣佣金计划| www.998.xyz-时时彩怎么玩不会输| www.090076.com-彩票玩家去哪里找| www.400338.com-最新信博彩票官网| www.824228.com-三彩冬季女装| www.2580.me-守信彩票跟导师| www.754911.com-旺彩彩票开奖结果| www.022707.com-1516彩票app| www.127847.com-彩虹岛接单平台| www.130309.com-彩票查询结果排列三| www.k95.com-甘肃快三遗漏统计值| www.86kt.com-alcp阿狸彩票| www.7827.cn-竞彩学-| www.47rm.com-手机三五彩票| www.5586.cc-彩乐购官方网址| www.19112.cc-手机彩票如何兑奖| www.215745.com-基诺型彩票玩法技巧| www.084438.com-快乐彩软件-| www.295845.com-体彩排列三字谜| www.437704.com-256彩票官方版| www.83556.com-彩票大数据统计| www.86187.com-三彩折扣店是正品吗| www.1607.cc-505彩票下栽| www.53480.cc-天天爱彩票的网址| www.137406.com-中国竞彩官方网站| www.69585.cc-彩民彩票撤销订单| www.180764.com-天天彩票app| www.546969.com-国家彩票整改落实| www.306011.com-六给彩票app下载| www.107277.com-辽宁福彩3地开奖号| www.241515.com-彩吧彩票app| www.972200.com-印尼五分彩开奖结果| www.542001.com-体彩网app下载| www.721414.com-彩票有人能破解吗| www.974496.com-体彩大乐透推荐号码| www.38383.com-天天爱彩票安卓| www.621867.com-七星彩杀胆定位| www.02jv.com-南方彩票下载安装| www.a41.cc-彩九怎么样是骗局吗| www.00589.com-福彩快三qq交流群| www.73924.com-福彩3d字画谜总汇| www.075733.com-瑞彩祥云互动彩票| www.667576.com-张星彩是谁的女儿| www.734537.com-三合网彩票开奖结果| www.635065.com-彩票8亿官方端口| www.4044.top-竞彩奖金计算| www.77al.com-顶呱刮彩票种类| www.3352.in-看彩票走势有用吗| www.7882.cn-江苏快三八方走势图| www.371387.com-中国足彩馆踩踏论坛| www.503757.com-手机万达彩票平台| www.580205.com-体彩办专管员| www.923739.com-快频彩票是不是真的| www.56rx.com-广东省福彩兑奖中心| www.4961.org-雀彩-| www.8808.tv-七彩直播破解版下载| www.539664.com-体彩排列字谜| www.599962.com-一直买一注彩票| www.664652.com-下载体彩排列五软件| www.730519.com-手机买体彩的软件| www.791031.com-高手老彩民论坛| www.4620.cc-目前都在哪里买彩票| www.14850.com-博众时时彩计划软件| www.7tq.com-彩票归属-| www.70qx.com-福利彩号码怎么选好|