js插件通用三级联动选择--省市区联动选择资源-CSDN文库

共3个文件

html：1个

url：1个

js：1个

三级联动选择

4星 · 超过85%的资源需积分: 49 79 浏览量 2015-05-28 16:08:59 上传评论收藏 5KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

Cascade.rar （3个子文件）

使用说明.html 3KB

Cascade.js 13KB

详细说明.url 131B

<!DOCTYPE html> <html> <head>  <script type="text/javascript" src="jQuery.min.js"></script> <script type="text/javascript" src="cascade.js"></script> </head> <body> <div class="span4" style="text-align: right; width: 95%"> <form action="" id="frompagelist" class="form-horizontal "> <span>第一组选择器:</span> <select id="p_s" style="width:100px;"></select> <select id="p_c" style="width:100px;"></select> <select id="p_a" style="width:100px;"></select> <span style="margin:0px 20px;"></span> <span>第二组选择器:</span> <select name="province" style="width:100px;"></select> <select class="cityclass" style="width:100px;"></select> <select id="a_a" style="width:100px;"></select> <input type="button" value="选定浙江省" onclick="chooseArea()"> </form> <a href="http://freshflower.iteye.com/blogs/2215049">更详细的说明请狂戳这里</a> </div> <script type="text/javascript"> $(document).ready(function(){ initAreaSelector(); }); var secondSelector = null; function initAreaSelector(){ //第一组初始化 $.cascade({ container: { first: '#p_s', second: '#p_c', third: '#p_a' }, dataUrl: { first: '/Area/GetArea1', second: '/Area/GetArea2?area1=', third: '/Area/GetArea3?area2=' }, field: { first: { text: 'areaname', value: 'areacode' }, second: { text: 'areaname', value: 'areacode' }, third: { text: 'areaname', value: 'areacode' } }, options: { first: { text: '请选择', value: '' }, second: { text: '所有城市', value: '' }, third: { text: '所有地区', value: '' } }, startText: ['广东省', '深圳市', '南山区'] }); //第二组 secondSelector = $.cascade({ container: { first: 'select[name="province"]', second: 'select.cityclass', third: '#p_a' }, dataUrl: { first: '/Area/GetArea1', second: '/Area/GetArea2?area1=', third: '/Area/GetArea3?area2=' }, field: { first: { text: 'areaname', value: 'areacode' }, second: { text: 'areaname', value: 'areacode' }, third: { text: 'areaname', value: 'areacode' } }, startText: ['江西省', '南昌市', '东湖区'] //也可以用 startValue来代替 }); } function chooseArea(){ secondSelector.setTexts(['浙江省', '杭州市', '西湖区']); // or: // secondSelector.setValues(['10', '100571', '10057103']); } </script> </body> </html>

评论收藏

内容反馈