學了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來實現大小分類二級下拉聯動效果。先看下效果 大類 前端技術 程式開發 資料庫小類 實現的效果就是當選擇大類時,小類下拉框裡的選項內容也隨著改變。實現原理 根據大類的...