jquery实现地区选择
时间: 2024-01-31 15:10:29 浏览: 24
以下是使用jQuery实现地区选择的示例代码:
```javascript
// 省份选择
function doProvAndCityRelation() {
$.each(cityJson, function(i, val) {
if (val.item_code == $("#province").val()) {
$("#area").val(val.item_name);
}
});
}
// 城市选择
function doCityAndCountyRelation() {
$.each(cityJson, function(i, val) {
if (val.item_code == $("#citys").val()) {
$("#area").val($("#area").val() + val.item_name);
}
});
}
// 区县选择
function doCountyRelation() {
$.each(cityJson, function(i, val) {
if (val.item_code == $("#county").val()) {
$("#area").val($("#area").val() + val.item_name);
}
});
}
```
上述代码中,`cityJson`是一个包含地区信息的JSON数据。`doProvAndCityRelation`函数用于根据选择的省份更新地区输入框的值,`doCityAndCountyRelation`函数用于根据选择的城市更新地区输入框的值,`doCountyRelation`函数用于根据选择的区县更新地区输入框的值。
你可以根据实际情况修改代码中的选择器和操作逻辑来适应你的地区选择需求。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)