方式一:
資料從資料庫獲取,ajax實現區域性重新整理
方式二:
資料從json檔案獲取,ajax實現區域性重新整理
以方式二為例,進行演示(省市區**聯動)
前提:需要有省、市、區三個的資料封裝檔案
**實現
1.自封裝函式
/*html片段* * 多級聯動 */
function multiplecascades()
};//建立select標籤
this.selectfactory =function(id,text) ;
//select標籤繫結onchange事件
this.bindchangeevent =function(selectid,setdata)
var selectvalue = $('
#' +selectid).val();
if (!selectvalue) return
; setdata();
});}
};
2.呼叫
方法一:
$(function方法二:());
//2.獲取省份資訊
$.getjson("json/province.json",function
(provinces));
});mc.bindchangeevent('linkage1',function
());
});});
mc.bindchangeevent('linkage2',function
());
});});
});
$(function區別:在於方法一又對onchange事件進行了封裝。());
//2.獲取省份資訊
$.getjson("json/province.json",function
(provinces));
});//繫結onchange事件
$('#linkage1').change(function
());
});});
$('#linkage2').change(function
());
});});
});
效果展示:
說明:1.使用我封裝好的方法,具有良好的遷移性,操作簡單,只需要在頁面上放乙個帶有id的div即可;
2.可建立指定級別聯動;
3.select標籤及前面的文字都設定了class,可自定義設定css樣式;
4.其他實現方式已經寫好。
js 多級聯動(省 市 區)
方式一 資料從資料庫獲取,ajax實現區域性重新整理 方式二 資料從json檔案獲取,ajax實現區域性重新整理 以方式二為例,進行演示 省市區 聯動 前提 需要有省 市 區三個的資料封裝檔案 實現 1.自封裝函式 多級聯動 function multiplecascades 建立select標籤 ...
js 多級聯動(省 市 區)
方式一 資料從資料庫獲取,ajax實現區域性重新整理 方式二 資料從json檔案獲取,ajax實現區域性重新整理 以方式二為例,進行演示 省市區 聯動 前提 需要有省 市 區三個的資料封裝檔案 實現 1.自封裝函式 多級聯動 function multiplecascades 建立select標籤 ...
js實現省,市,區,門店,電話,位址多級聯動
比較常見的是省市區 聯動,多級聯動的寫法第一次寫,是在 聯動的基礎上改的,如有錯誤歡迎指出。思路很簡單,父級下拉框改變的時候載入出子級元素,一層一層往下。如果上級改變,清空所有子級的選項,只留提示選項。效果有點像後台通過查詢資料庫實現聯動的效果。如果需要提交資料,也可以通過後台來實現。初始狀態圖 選...