javascript操作Select标记中options集合

先来看看options集合的这几个方法：
options.add(option)方法向集合里添加一项option对象；
options.remove(index)方法移除options集合中的指定项；
options(index)或options.item(index)可以通过索引获取options集合的指定项；

javascript代码如下：

var selectTag = null; //select标记
javascript操作Select标记中options集合

var OPTONLENGTH = 10; //每次填充option数
javascript操作Select标记中options集合

var colls = []; //对select标记options的引用
javascript操作Select标记中options集合

注意到上面创建option项时，使用了Option()构造函数，这个构造函数有两个版本的重载。
1、var option = new Option(text,value); //这里要大写Option()
2、var option = new Option();
       option.text = text;
       option.value=value;
我个人比较喜欢第一种方法来创建option对象。
另外，select标记还有一个比较有用的属性就是selectedIndex，通过它可能获取当前选择的option索引，或通过索引设置指定options集合中哪一项被选择。
   select.selctedIndex = select.options.length-1; //将options集合中最后一项选中
   var selectedItem = select.options(select.selectedIndex);//获取当前选中项
   selectedItem.text; //选中项的文本
   selectedItem.value; //选中项的值

<BODY>

<Select name="SelectBox">
javascript操作Select标记中options集合

</Select>

<hr/>

<div id="divWatch" style="background-color:beige;width=220;">
javascript操作Select标记中options集合

</div>

<hr/>

<h4>使用随机数初始化SelectBox</h4>
javascript操作Select标记中options集合

<input type="button" value="Init" onclick="initSelectBox()"/> <input type="checkbox" name="chkClear"/>clear
javascript操作Select标记中options集合

<hr/>

<h4>添加option项</h4>
javascript操作Select标记中options集合

<input type="button" value="create" onclick="addOption()"/>
javascript操作Select标记中options集合

<hr/>

<h4>删除option项</h4>
javascript操作Select标记中options集合

<input type="button" value="delete" onclick="removeOption(colls.length-1)"/>
javascript操作Select标记中options集合

</BODY>