JS 怎样获得省市级联的下拉列表值

JavaScript013

JS 怎样获得省市级联的下拉列表值,第1张

1

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%

.net的服务器控件如果在前台通过JS/JQ动态修改时,后台一般情况下没办法获取的。你可以通过以下办法处理:

1、在.asp(页面文件)顶部的@ Page标签中增加两个属性:ValidateRequest="false" EnableEventValidation="false" 。此属性是允许前端修改服务器控件内容后提交到后台时不要验证,否则提交会报错。

2、在相应的.cs(代码文件)中通过Request.Form获取该下拉列表的内容。示例代码如:

string DepartmentID = Request.Form["ctl00$ContentPlaceHolder1$DropDepartmentID"]

这里需要注意的是.net服务器控件生成前台代码后ID会被修改,所以你需要查看一下具体的HTML代码中ID名称。

1.可以动态添加多个下拉框,可减少下拉框

2.选中第一个下拉框的任意一个值,同时第三个下拉框的值跟着改变,显示对应的数据。

ps:what?光动态添加就足以。。。。赋值还不能直接赋,而是添加下拉时就赋值。。。。。经过百般折磨,头发掉了n根,最终通过巧妙的思路解决了,在此记录下。若对你有所帮助,点赞加关注吧!后续及时更新。

第一个下拉选项显示

选择下拉项,同时加载数据到第三个下拉框

注:在这里直接去掉了第二行的标签

为了获取改变数据的行,试了很久,动态生成的下拉框无法获取到索引,所以才想到了使用id,并且给id后加一个数字