二級聯動複雜版(升級版)
阿新 • • 發佈:2018-12-15
效果圖如下
html程式碼如下
<select id="bigCity">
<option>----請選擇省份----</option>
</select>
<select class="city">
<option>----請選擇城市----</option>
</select>
jquery程式碼如下
var arr=[['北京','上海','成都'],['海淀','豐臺','順義','昌平'],['上海1','上海2','上海3','上海4'],['成都1','成都2','成都3','成都4']] for (var i=0 ; i<arr[0].length;i++) { $("#bigCity").append(`<option>${arr[0][i]}</option>`) } $("#bigCity").change(function(){ var index=$(this)[0].selectedIndex $(".city").empty() for (var i=0 ; i<arr.length ; i++) { $('.city').append(`<option>${arr[index][i]}</option>`) } })
emmmmmmmmmmmmmmmmm 建立一個二維陣列進行遍歷得到結果還可以吧