效果图如下
html代码如下
1. <select id="bigCity"> 2. <option>----请选择省份----</option> 3. 4. </select> 5. <select class="city"> 6. <option>----请选择城市----</option> 7. </select>
jquery代码如下
1. var arr=[['北京','上海','成都'],['海淀','丰台','顺义','昌平'],['上海1','上海2','上海3','上海4'],['成都1','成都2','成都3','成都4']] 2. 3. for (var i=0 ; i<arr[0].length;i++) { 4. $("#bigCity").append(`<option>${arr[0][i]}</option>`) 5. 6. 7. } 8. 9. $("#bigCity").change(function(){ 10. var index=$(this)[0].selectedIndex 11. $(".city").empty() 12. for (var i=0 ; i<arr.length ; i++) { 13. 14. $('.city').append(`<option>${arr[index][i]}</option>`) 15. 16. } 17. 18. 19. 20. })
emmmmmmmmmmmmmmmmm 创建一个二维数组进行遍历得到结果还可以吧