jQuery cxSelect 插件实现多级联动下拉菜单
前言
cxSelect 是基于 jQuery 的多级联动菜单插件,适用于省市、商品分类等联动菜单。列表数据通过 AJAX 获取,也可以自定义,数据内容使用 JSON 格式。
引入资源
使用第一步首先引入 jQuery:src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"
其次添加jquery.cxselect插件资源:src="js/jquery.cxselect.min.js";
插件资源下载: https://www.oschina.net/p/cxselect
下载解压后js文件夹内容如下,可直接将该js文件夹复制到所引用页面的同一目录下,引用时并注意路径。
在项目中插件具体引用位置
demo效果
具体代码实现
DOM结构
<h1 align="center">下拉三级联动</h1>
<div id="" class="container">
<form method="post" action="" class="form-horizontal" role="form">
<div id="cnMap" >
<label for="firstname" class="col-sm-3 control-label">全国省、市、县三级联动</small></label>
<div class="col-sm-3">
<select name="province" class="province form-control" disabled="disabled" data-first-title="选择省份"</