通过jquery实现省市联动
2017-11-13 14:40
246 查看
//定义空数字 var $sheng = [["西二旗","香山"],["保定","廊坊"]]; //省的改变事件 $("#pro").change(function(){ //当省的下拉框改变时,将市的内容移除 $("#city option").remove(); //获得市的select var $city = $("#city"); //找到选择中的值 var $pro = $("#pro option:checked").val(); //循环取出数组里的值,添加到option for(var i=0;i<$sheng[$pro].length;i++){ //通过省选择的内容循环查找 var $cityvalues = $sheng[$pro][i]; //创建标签并且将循环的内容添加到添option var $opt = $("<option>"+$cityvalues+"</option>"); //最后添加到select $city.append($opt); }
相关文章推荐
- jquery读取xml文件实现省市县三级联动的方法
- jQuery实现省市联动
- jQuery实现的省市联动菜单功能示例【测试可用】
- jQuery实现的省市县三级联动菜单效果完整实例
- 如何通过jQuery实现select下拉框的联动效果
- 省市联动实现:jQuery和纯HTML两种方法
- jquery 实现省市县联动
- jquery实现省市二级联动
- 用jquery+Asp.Net实现省市二级联动
- jQuery+jsp实现省市县三级联动效果(附源码)
- jquery+json+struts实现省市二级联动
- 用jquery+Asp.Net实现省市二级联动
- JQuery+Ajax实现下拉框联动(省市联动)
- JQuery实现省市两级联动
- Jquery实现仿京东商城省市联动菜单
- 基于jquery实现省市联动特效
- 基于jquery实现省市联动效果
- jquery实现省市县三级联动的jQuery插件
- jQuery实现下拉框省市联动,二级联动
- jQuery实现省市县三级联动菜单