js级联下拉列表

在看例子前首先要对这两个对象有认识:

1) Select对象
属性
a. selectedIndex: 用户选择的选项的下标,下标从0开始。
b. length: 获取戒者设置选项的个数。
c. options: 返回一个数组,数组元素是Option对象。

2) Option对象
属性
a. text: 选项的文本内容
b. value: 选项的值
c. selected: 当该选项被选上,值为true,否则为false。

创建一个Option对象。 var op = new Option(text,value);

例子:

    js:

<script type="text/javascript">
	function doSelect(index){
		var arr = new Array();
		arr[0]=[new Option("AAA1","1"),new Option("AAA2","2")];
		arr[1]=[new Option("BBB1","1"),new Option("BBB2","2"),new Option("BBB3","3")];
		arr[2]=[new Option("CCC1","1"),new Option("CCC2","2"),new Option("CCC3","3"),new Option("CCC4","4")];
		
		var s2 = document.getElementById("s2");
		s2.innerHTML="";
		for(var i=0;i<arr[index].length;i++){
			s2.options[i] = arr[index][i];
		}
	}

	</script>

    HTML:

<body>
    <select id="s1" οnchange="doSelect(this.selectedIndex)">
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
    </select>
    
     <select id="s2">
     <option value="-1">XXX</option>
    </select>
  </body>

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值