想要使用這款組件,需要頁面引入 PCASClass.js 核心文件,該文件在您的HTML文檔<head>標簽之內。
<script type="text/javascript" src="/path/PCASClass.js"></script>
參數賦值方法案例:
<script type="text/javascript">
new PCAS("ProvinceId","CityId")//通過ID省市二級聯動,無默認值,無文字提示信息
new PCAS("ProvinceId","CityId","AreaId")//通過ID省市區三級聯動,無默認,無文字提示信息
new PCAS("ProvinceName","CityName","AreaName")//通過NAME省市區三級聯動,無默認值,無文字提示信息
new PCAS("Province=吉林省","City=長春市")//省市二級聯動,有默認值,無文字提示
new PCAS("Province,請選擇省份","City,請選擇城市")//省市二級聯動,無默認值,有文字提示信息
new PCAS("Province","City","Area")//省市區三級聯動,無默認,無文字提示
new PCAS("Province=吉林省,請選擇省份","City=松原市,請選擇城市","Area=寧江區,請選擇地區")//三級聯動,有默認值,有文字提示信息
new PCAS(["Province=吉林省","請選擇省份"],["City=松原市","請選擇城市"],["Area=寧江區","請選擇地區"])//三級聯動,有默認值,有文字提示信息
</script>
使用建議:
對於非萬國碼數據,js需正確設置charset屬性,請在頁面頭部用如下方式引用
<scrpt src="/path/PCASClass.js" charset="gb2312"></scrpt>
初始數據請在文檔加載完成后動態處理,或者將設置的JS腳本放置到對應ID或Name元素的下方,否則引起報錯;
JS未做容錯處理,請核實要設置的ID或NAME頁面元素是否存在
配置
PCASClass相關參數如下:
屬性 類型 默認 描述
Province ID string/array 必需 省份ID/NAME,通過new PCAS("")第一個參數指定ID
City ID string/array 必需 城市ID/NAME,通過new PCAS("")第二個參數指定ID
Area ID string/array 可選 地區ID/NAME,通過new PCAS("")第三個參數指定ID,若二級聯動可省略
SetValue 內置方法 通過如var mypcas=new PCAS()初始化后可動態改變設置數據。
如:mypcas.SetValue("吉林省","松原市","寧江區");
或者mypcas.SetValue()重新初始化數據;
文件下載地址:
http://t.cn/RtRYjQp