求教动态生成下拉框内的元素的方法

[lizifang]

现有两个下拉框，第一个从8：30-16：30内容不变。要求当选择第一个时间后，第二个select控件的元素自动生成，即如果第一个选的是8:30,第二个就从9:00到17：00，如果第一个选的是12:00,第二个就从12:30开始到17：00，应该可以实现的(只用js，不用调数据库的方法)，但是小弟不会，还请大师们指教，解决立刻结帖。
<select name="from" id="from">
<option value="1" selected="selected">8:30</option>
<option value="2">9:00</option>
<option value="3">9:30</option>
<option value="4">10:00</option>
<option value="5">10:30</option>
<option value="6">11:00</option>
<option value="7">11:30</option>
<option value="8">12:00</option>
<option value="9">12:30</option>
<option value="10">13:00</option>
<option value="11">13:30</option>
<option value="12">14:00</option>
<option value="13">14:30</option>
<option value="14">15:00</option>
<option value="15">15:30</option>
<option value="16">16:00</option>
<option value="17">16:30</option>
</select>
to
<select name="to" id="to">
<option value="1">9:00</option>
<option value="2">9:30</option>
<option value="3">10:00</option>
<option value="4">10:30</option>
<option value="5">11:00</option>
<option value="6">11:30</option>
<option value="7">12:00</option>
<option value="8">12:30</option>
<option value="9">13:00</option>
<option value="10">13:30</option>
<option value="11">14:00</option>
<option value="12">14:30</option>
<option value="13">15:00</option>
<option value="14">15:30</option>
<option value="15">16:00</option>
<option value="16">16:30</option>
<option value="17">17:00</option>
</select>

[lizifang]

谢谢

[笨笨兔兔兔兔兔]

<SELECT ID="oSelect" NAME="Cars" SIZE="3" MULTIPLE>
<OPTION VALUE="1" SELECTED>宝马
<OPTION VALUE="2">保时捷
<OPTION VALUE="3" SELECTED>奔驰
</SELECT>

下面的例子在上面创建的 SELECT 列表的底部添加了一个新选项。新选项的构造程序也可在 Microsoft JScript® 中使用。

<SCRIPT LANGUAGE="JScript">
var oOption = document.createElement("OPTION");
oOption.text="法拉利";
oOption.value="4";
oSelect.add(oOption);
</SCRIPT>