JS例項 二級聯動下拉列表

2021-09-25 15:44:10 字數 834 閱讀 6909

例項:省市二級聯動下拉列表

開啟頁面預設的省和市下拉框的的值分別為:「請選擇省份」、「請選擇城市」。

在省下拉框選擇乙個省份,市下拉框則顯示相應城市名稱。

然後就可以進行愉快的選擇啦!

>

>

charset

="utf-8"

>

>

省市二級聯動下拉列表例項title

>

src=

"js/select.js"

>

script

>

head

>

>

"s1"

>

select

>

"s2"

>

select

>

body

>

html

>

var city =

window.

onload

=function()

//初始化市下拉框

select2.

add(

newoption

(city[select1.value][0

], city[select1.value][0

]),null);

//給省下拉框新增事件

select1.

addeventlistener

("change"

,function()

});}

js下拉列表二級聯動

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

二級聯動 下拉列表

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

jquery二級聯動下拉列表

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