二級聯動 下拉列表 需先選擇英雄,才能在選擇英雄的**
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 ...