onchange事件描述:w3c链接
select 元素可创建单选或多选菜单。
<select&> 元素中的 <option> 标签用于定义列表中的可用选项。
具体代码如下:
<!DOCTYPE html>
<html>
<head>
<title>省市区联动</title>
<style>
* {
padding: 0px;
margin: 0px;
}
.select {
text-align: center;
margin-top: 200px;
}
select {
background-color: #eee;
}
</style>
<script src="jquery-3.4.1.min.js"></script>
<script>
var AddressStr = {
Provinces: [
{
province:"省1",
cities: [
{
city: "市11",
countries: [
{
country: "区11"},
{
country: "区12"},
{
country: "区13"}
]
},
{
city: "市12",
countries: [
{
country: "区11"