JS控制二級聯動

2021-08-16 10:54:08 字數 1107 閱讀 7175

在註冊頁面上有乙個下拉列表,下拉列表顯示省份資訊,有另乙個下列列表.選擇某個省份,將這個省份下的城市列出。

陣列

步驟一:確定事件:onchange.

步驟二:獲得改變的省份值 .

步驟三:比較省份的值 與 陣列中定義的值是否相等,如果相等獲得這個省份對應的所有的市的陣列.

步驟四:建立option元素,將陣列中的值新增到option元素中。

步驟五:將option新增到第二個下拉列表中.

charset="utf-8" />

title>

// 定義二維陣列:

var cities = new

array(4);

cities[0] = new

array("長春市","吉林市","松原市","延邊市");

cities[1] = new

array("濟南市","青島市","煙台市","濰坊市","淄博市");

cities[2] = new

array("石家莊市","唐山市","邯鄲市","廊坊市");

cities[3] = new

array("南京市","蘇州市","揚州市","無錫市");

function

selectcity

(val)}}

}script>

head>

id="province"

onchange="selectcity(this.value)">

value="">-請選擇-option>

value="0">吉林省option>

value="1">山東省option>

value="2">河北省option>

value="3">江蘇省option>

大家別吐槽我的實現頁面,初學者,先實現功能就好!! !

二級聯動 js

在html部分只寫兩個select標籤 option標籤將用js的方法寫入 onchange 內容發生改變事件 用於select下拉列表中後的內容發生改變時候的觸發 核心部分就是js裡面的內容 建立乙個物件data來儲存資料 data 首先通過for迴圈來新增第一級裡面的內容 province va...

js 省市二級聯動

bootstrap jquery 省市二級聯動 html panel panel default panel body h2 id selectprovince province1 遼寧省 option province2 selected 吉林省 option province3 黑龍江省 opt...

案例 js二級聯動

這是js常用功能,比如省份和城市的聯動 這是頁面標籤 action 省份 pre select 城市 cy select form 這是資料 var provinces 請選擇省份 北京市 天津市 上海市 重慶市 江蘇省 浙江省 江西省 海南省 var citys 請選擇城市 北京市 天津市 上海市...