js下拉列表二級聯動

2021-08-14 19:48:27 字數 782 閱讀 9043

學了js也有一段時間了,今天把js中較為重要的下拉列表二級聯動記錄一下。所謂二級聯動,就是要通過乙個下拉列表的選擇從而在另乙個select下拉列表中顯示出對應的資料。好比我有兩個下拉列表,第一列表是選擇省份,那麼我選擇某乙個省份,那麼另乙個列表也會對應顯示該省份的城市。

如上圖所示,我選擇了河北省,那麼對應的城市列表中就會出現相應的城市。**如下:

js:

cities = new object();

cities['河北省']=new array('石家莊', '張家口市', '承德市', '秦皇島市', '唐山市', '廊坊市', '保定市', '滄州市', '衡水市', '邢台市', '邯鄲市');

cities['山西省']=new array('太原市', '大同市', '朔州市', '陽泉市', '長治市', '晉城市', '忻州地區', '呂梁地區', '晉中市', '臨汾地區', '運城地區');

function set_city(province, city)

} function showsele()

其中new option(agr,agr),第乙個引數為text文字,第二引數為伺服器返回的value值。比如 new option("舉例","0"),相對應的html

就是舉例。

二級聯動 下拉列表

二級聯動 下拉列表 需先選擇英雄,才能在選擇英雄的 html頁面 charset utf 8 二級聯動title head action method post 請選擇英雄 name hero id hero onchange skina select 請選擇 name skin id skin v...

JS例項 二級聯動下拉列表

例項 省市二級聯動下拉列表 開啟頁面預設的省和市下拉框的的值分別為 請選擇省份 請選擇城市 在省下拉框選擇乙個省份,市下拉框則顯示相應城市名稱。然後就可以進行愉快的選擇啦!charset utf 8 省市二級聯動下拉列表例項title src js select.js script head s1 ...

jquery二級聯動下拉列表

二級聯動下拉列表選擇應用在在很多地方,比如說省市下拉聯動,商品大小類下拉選擇聯動。本文將通過例項講解使用jquery php mysql來實現大小分類二級下拉聯動效果。先看下效果 大類 前端技術 程式開發 資料庫小類 實現的效果就是當選擇大類時,小類下拉框裡的選項內容也隨著改變。實現原理 根據大類的...