Select控件实现联动效果

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
2

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4

<html xmlns="http://www.w3.org/1999/xhtml" >
6

<head runat="server">
7

<title>Select控件实现联动效果</title>
8

function ChangeItem(){
10

form1.Select2.selectedIndex=form1.Select1.selectedIndex
11

}
12

</script>
13

</head>
14

<body>
15

<form id="form1" runat="server">
16

<div>
17

<table align="center" border="1">
18

<tr><td style="font-size: 9pt; color: #ff0000; background-color: #ff9933; text-align: center; height: 18px;" colspan="2">
19

系统登录</td></tr>
20

<tr>
21

<td style="width: 69px; font-size: 9pt; background-color: #ffffcc;">
22

姓      名：</td>
23

<td style="width: 185px; font-size: 9pt; background-color: #ffffcc;">
24

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td>
25

</tr>
26

<tr>
27

<td style="width: 69px; font-size: 9pt; background-color: #ffffcc; height: 28px;">
28

密      码：</td>
29

<td style="width: 185px; font-size: 9pt; background-color: #ffffcc; height: 28px;">
30

<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></td>
31

</tr>
32

<tr>
33

<td style="width: 69px; font-size: 9pt; background-color: #ffffcc;">
34

所在城市：</td>
35

<td style="width: 185px; font-size: 9pt; background-color: #ffffcc;">
36

<select name="Select1" style="width: 69px" onchange="ChangeItem()">
37

<option value="吉林省">吉林省</option>
38

<option value="山西省">山西省</option>
39

<option value="河北省">河北省</option>
40

<option value="河南省">河南省</option>
41

<option value="辽宁省">辽宁省</option>
42

<option value="黑龙江省">黑龙江省</option>
43

<option value="北京市">北京市</option>
44

<option value="天津市">天津市</option>
45

<option value="上海市">上海市</option>
46

<option value="陕西省">陕西省</option>
47

<option value="江苏省">江苏省</option>
48

<option value="江西省">江西省</option>
49

<option value="四川省">四川省</option>
50

<option value="安徽省">安徽省</option>
51

<option value="浙江省">浙江省</option>
52

<option value="湖北省">湖北省</option>
53

</select>
54

<select name="Select2" style="width: 67px">
56

<option value="长春市">长春市</option>
57

<option value="太原市">太原市</option>
58

<option value="石家庄市">石家庄市</option>
59

<option value="郑州市">郑州市</option>
60

<option value="沈阳市">沈阳市</option>
61

<option value="哈尔滨市">哈尔滨市</option>
62

<option value="北京市">北京市</option>
63

<option value="天津市">天津市</option>
64

<option value="上海市">上海市</option>
65

<option value="西安市">西安市</option>
66

<option value="南京市">南京市</option>
67

<option value="南昌市">南昌市</option>
68

<option value="成都市">成都市</option>
69

<option value="合肥市">合肥市</option>
70

<option value="杭州市">杭州市</option>
71

<option value="武汉市">武汉市</option>
72

</select>
73

</td>
74

</tr>
75

<tr>
76

<td style="text-align: center; font-size: 9pt; background-color: #ffffcc; height: 28px;" colspan="2">
77

<asp:Button ID="Button1" runat="server" Text="登录"/>
78

 <asp:Button ID="Button2" runat="server" Text="重置"/></td>
79

</tr>
80

</table>
81

</div>
82

</form>
83

</body>
84

</html>
85

posted on 2007-04-28 17:29 ie421 阅读(797) 评论(0) 收藏举报

刷新页面返回顶部

ie421.NET

公告