二級聯動 下拉列表

2021-10-16 22:59:10 字數 1715 閱讀 2506

二級聯動 下拉列表 需先選擇英雄,才能在選擇英雄的**

html頁面

>

>

charset

="utf-8"

>

>

二級聯動title

>

head

>

>

action

="#"

method

="post"

>

請選擇英雄 : name

="hero"

id="hero"

onchange

="skina()"

>

select

>

請選擇** : name

="skin"

id="skin"

>

value="

">

請選擇**option

>

select

>

form

>

body

>

html

>

js**

//建立英雄庫

var heroarry =

["請選擇英雄"

,"諾手"

,"小法"

,"厄加特"];

//建立英雄**庫

var skinarry =[[

"請選擇**"],

["請選擇**"

,"生化騎士"

,"勇敢的心(兩周年限定)"

,"灌籃高手"],

["請選擇**"

,"白魔法師 維迦"

,"魔導紳士 維迦"

,"永恆之森 維迦"],

["請選擇**"

,"深淵巨蟹 厄加特"

,"電鋸狂人 厄加特 "

,"戰地機甲 厄加特"]]

;//獲取到英雄的下拉列表

var hero = document.

getelementbyid

("hero");

//得到英雄**的下拉列表

var skin = document.

getelementbyid

("skin");

skin.style.width =

"120px"

;//一級列表最先載入頁面

window.

onload

=function

heroa()

//當英雄下拉列表的索引為0時,禁用**的下拉列表

forbidden()

;}//給英雄**賦值

function

skina()

//將每個的第乙個選項加上selected,每次預設選擇第乙個

op[0]

.selected =

"selected"

;// console.log(op[0]);

}//判斷一級列表的索引,為索引值0時,代表請選擇英雄,二級列表不可選擇

function

forbidden()

else

}<

/script>

效果圖

jquery二級聯動下拉列表

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

js下拉列表二級聯動

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

JS例項 二級聯動下拉列表

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