html如何实现地区选择,实现省市区三级联动选择

该博客介绍了如何在HTML中实现省市区三级联动选择,包括处理没有三级数据的情况。内容涉及HTML表单验证、VUE组件的使用,以及如何通过v-if和v-show控制元素的显示与隐藏。在表单验证和数据处理方面,提供了详细的代码示例,特别是如何根据选择的一级地区动态加载二级和三级数据,并处理特殊情况如台湾、香港等地没有三级数据的问题。
摘要由CSDN通过智能技术生成

如何实现三级联动选择,且如何没有三级时,只显示两个选择框

334010172841

三级联动.png

1.html部分,带表单验证

v-if="!visible"

label="请选择要添加的常用登录地"

style="margin-bottom: 0;"

required

>

style="width: 120px"

:value="form.selectResult[0]"

@change="handleChinaChange"

placeholder="请选择"

>

v-for="region in regionChina"

:value="region.dis_code"

:key="region.dis_code"

>{ { region.district_name }}

>

style="width: 120px"

placeholder="请选择"

:value="form.selectResult[1]"

@change

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值