JQuery 级联

引用js

<script type="text/javascript" src="jquery-1.10.2.js"></script>

js

var citys = [
      ["wuhan", "xiangyang", "yichang"],
      ["changsha", "hengyang", "changde"],
      ["guangzhou", "dongguan", "shenzhen"]
];

function changeProvince(val) {
     var str = "<option>---please select---</option>";
      if (!isNaN(val)) {
             $.each(citys[val], function (index, element) {
                    str += "<option value='" + index + "'>" + element + "</option>";
              });
       }
       $("#city").html(str);
}

html

<select id="province" style="width:200px;" onchange="changeProvince(this.value);">
     <option>---please select---</option>
     <option value="0">hubei</option>
     <option value="1">hunan</option>
     <option value="2">guangdong</option>
</select>
<select id="city" style="width:200px;">
     <option>---please select---</option>
</select>