2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
<meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8">
<title>test</title>
<script src="http://libs.baidu.com/jquery/1.7.0/jquery.min.js"></script>
</head>
<body>
<select id="parentUnit">
<option>----请选择街道----</option>
<option value="<a href="https://www.baidu.com/s?wd=%E9%BE%99%E5%9F%8E%E8%A1%97%E9%81%93&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1Y3mhN-uhnYn1u9nhN9ryms0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnH64PHm3njR3Pj63n1nkn1cvn0" target="_blank" class="baidu-highlight">龙城街道</a>v"><a href="https://www.baidu.com/s?wd=%E9%BE%99%E5%9F%8E%E8%A1%97%E9%81%93&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1Y3mhN-uhnYn1u9nhN9ryms0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnH64PHm3njR3Pj63n1nkn1cvn0" target="_blank" class="baidu-highlight">龙城街道</a>t</option>
<option value="<a href="https://www.baidu.com/s?wd=%E6%A8%
1.可以动态添加多个下拉框,可减少下拉框2.选中第一个下拉框的任意一个值，同时第三个下拉框的值跟着改变，显示对应的数据。
ps:what?光动态添加就足以。。。。赋值还不能直接赋，而是添加下拉时就赋值。。。。。经过百般折磨，头发掉了n根，最终通过巧妙的思路解决了，在此记录下。若对你有所帮助，点赞加关注吧！后续及时更新。
第一个下拉选项显示
选择下拉项，同时加载数据到第三个下拉框
注：在这里直接去掉了第二行的标签
为了获取改变数据的行，试了很久，动态生成的下拉框无法获取到索引，所以才想到了使用id，并且给id后加一个数字
思路：
如果下拉菜单是options 。
你可以使用for循环，创建options，然后添加text ，value和一些属性。最后放到select标签里。
如果你是用其他标签模拟的下拉菜单。和上面的方法是一样的，只是你要自己写样式。
