jquery省市选择器
时间: 2023-11-10 20:50:15 浏览: 48
以下是一个简单的jQuery省市选择器的示例代码:
HTML代码:
```html
<label for="province">省份:</label>
<select id="province">
<option value="">请选择</option>
<option value="北京市">北京市</option>
<option value="上海市">上海市</option>
<option value="广东省">广东省</option>
</select>
<label for="city">城市:</label>
<select id="city">
<option value="">请选择</option>
</select>
```
jQuery代码:
```javascript
$(document).ready(function() {
var cities = {
"北京市": ["东城区", "西城区", "朝阳区", "海淀区"],
"上海市": ["黄浦区", "徐汇区", "长宁区", "静安区"],
"广东省": ["广州市", "深圳市", "珠海市", "汕头市"]
};
$("#province").change(function() {
var province = $(this).val();
var citySelect = $("#city");
citySelect.empty();
if (province == "") {
citySelect.append("<option value=''>请选择</option>");
} else {
var provinceCities = cities[province];
for (var i = 0; i < provinceCities.length; i++) {
var city = provinceCities[i];
citySelect.append("<option value='" + city + "'>" + city + "</option>");
}
}
});
});
```
这个简单的省市选择器使用了一个cities对象来存储每个省份对应的城市列表。当省份选择框发生变化时,根据选择的省份动态生成城市选择框中的选项。