Select控件实现联动下拉列表框效果

Select控件实现联动下拉列表框效果(无需数据库)
Select控件属性介绍：
ID属性:获取或设置分配给Select控件的编程标识符。
Name属性：获取或设置与Select控件关联的唯一标识符。
Multiple属性：指定是否在Select控件中同时显示多少个项。
举个例子：页面有一个table控件、2个TextBox控件、2个Button控件、2个Select控件。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

</select>
20

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

</select>
39

</form>
40

联动代码如下：

Code
1

function ChangeItem()

{
3

form1.Select2.selectedIndex=form1.Select1.selectedIndex
4

//SelectedIndex表示控件对象中当前选定条目的从零开始的索引,如果未选定任何项，则返回值为-1.
5

}
6

</script>

转载于:https://www.cnblogs.com/codeshark/archive/2007/12/26/1015329.html

Select控件实现联动下拉列表框效果相关推荐

html下拉列表插件,js+CSS实现模拟华丽的select控件下拉菜单效果
本文实例讲述了js+CSS实现模拟select控件的下拉菜单效果.分享给大家供大家参考.具体如下: 这是一个JS+CSS技术实现的Select控件效果,模拟出来的,比默认的Select更漂亮,有了这个 ...
HTML select控件
select控件 select控件用于创建下拉列表框(下拉菜单),并通过 option 元素创建列表中的选项,供用户从中选择. 定义 select控件时,在 select元素中设置 name 属性,并 ...
前端学习之select控件的使用2，省市县三级联动选择，select控件属性、方法、事件的综合应用...
总结select控件的属性.方法.事件的使用.数据源使用json数据,包括json数据的遍历. <label for="sheng">省</label> & ...
如何使用Dojo的DatePicker控件制作联动日期选择器
在开发系统的调查功能时,需要设计一个可以联动的开始日期/结束日期选择器用来设定用户的调查的起始/结束日期.对于这个联动的日期选择器,我们的设计要求是这样的: 在新增调查时,该调查的开始日期默认为今天, ...
MFC high-speed-charting控件使用（添加垂直游标，两个控件的联动）
MFC high-speed-charting控件使用(添加垂直游标,两个控件的联动) 应用场景最近参与的一个项目中涉及到在一个对话框中添加两个high-speed-charting控件,在两个控件 ...
elemtnui select控件结合树形控件实现自定义搜索方法
业务需求: 可以从下拉框中选择数据,也可以自定义搜索. 前端效果: 1:从下拉框中选择 2:自定义搜索 3:单选并赋值:也就是选中那个就回显那个代码实现: 1.首先需要用到select控件和tree ...
JavaScript操作select控件
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
Android之给控件添加水纹波效果
1 问题给控件添加水纹波效果,点击起来像点中了,不然效果太粗糙了,没反应. 2 实现给控件添加如下属性 android:background="?android:attr/selecta ...
菜单向上拉html,模拟select控件，CSS上拉菜单
模拟select控件,CSS下拉菜单模拟select控件 html,body{height:100%;overflow:hidden;} body,div,form,h2,ul,li{margin: ...

Select控件实现联动下拉列表框效果

Select控件实现联动下拉列表框效果相关推荐

最新文章

热门文章