一级select选择后,ajax加载二级select选项 1. [代码] [JavaScript]代码 /** * 基于ajax的二级动态联动选择 * 2016-08-03 EricLin * * 参数说明: * target:联动的二级选择框 * url:数据来源,数据返回格式
1. [代码][JavaScript]代码
/** * 基于ajax的二级动态联动选择 * 2016-08-03 EricLin * * 参数说明: * target: 联动的二级选择框 * url: 数据来源,数据返回格式示例[{"name":"中国银行","id":1}],如果无数据返回一对双引号("")即可 * tip: 提示文字,其值为空,可扩展为传入默认值 * 目前调用方式:在一级选择框的onchange事件中调用此方法,实现联动 * 后期功能扩展: * 1)绑定一级选择框的onchange事件,简便调用时的写法 * 2)支持多级联动 * 3)支持联动时默认选择某选项 * @param $ */ (function($){ $.fn.linkageSelect=function(settings){ var target = settings.target, url = settings.url, tip = settings.tip; $.getJSON(url, function(data){ var items = []; items.push('<option class="get-class" value="">'+tip+'</option>'); $.each(data, function(key, val) { items.push('<option value="' + val.id + '">' + val.name + '</li>'); }); $(target).html(items); }); } })(jQuery);