<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <script src="jquery-1.11.1.js"></script> <script > var p=["黑龙江","吉林","山东"]; var c=[["哈尔滨","齐齐哈尔","大庆"],["长春","吉林","四平"],["济南","烟台","青岛","威海"]]; $(function(){ for(var i=0;i< p.length;i++){ $("#province").append($("<option>").val(i).html(p[i])); } $("#province").change(function(){ $("#city").empty(); for(var i=0;i<c[$(this).val()].length;i++) { $("#city").append($("<option>").html(c[$(this).val()][i])); } }) $("#province").change(); }) </script> </head> <body> <select id="province" style="width:100px"></select>省 <select id="city" style="width:100px"></select>市 </body> </html> 简单学习记录。
Jquery实现简单的级联下拉列表 (省市)
猜你喜欢
转载自blog.csdn.net/qq_39147516/article/details/79176158
今日推荐
周排行