在看例子前首先要对这两个对象有认识:
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>