<!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实现简单的级联下拉列表 (省市)
最新推荐文章于 2024-07-21 02:56:05 发布