第九页：选单

点击数:

　格式：下列选单和列表选单。以下为例子：

它的奇特之处在于这个选单有名称，但其中的各个选项没有名称。例如，在HTML中，第1个选单如下：

<select name="pulldown_1" size=1> <option>probiscus
<option>spider
<option>lemur
<option>chimp
<option>gorilla
<option>orangutan
</select>

幸好数组可以帮助我们调用其中的选项。如果你想改变该下 列选单中的第2个选项，你可以这样做：

window.document.form_1.pulldown_1.
options[1].text = 'new_text';

除了选项属性，选单还有一项属性叫做selectedIndex。大 笔一个选项被选择后，selectedIndex属性将变成被选项的 数组索引号（序列号）。选择第2个列表选单中的一个选项， 然后检查索引号。记住数组中的第1个选项的索引号是0。

<a href="#" onClick="alert(
'index is: '+ window.document.
form_1.list_1.selectedIndex);
return false;">check the index.
</a>

window.document.form_1.list_1.
selectedIndex = 1;

一旦你得到被选项的索引号，你就可以发现其内容：

var the_select = 
window.document.form_1.list_1;

var the_index = 
the_select.selectedIndex;

var the_selected = 
the_select.
options[the_index].text;

选单元素的处理器为onChange()。当选单发生变化时，则
该处理器被激活。

>>

JavaScript教程
第一页 第五课课程介绍
第二页 介绍反馈表单
第三页 控制文字域的值
第四页 文字域事件
第五页 反馈表单处理器
第六页 文字域的练习
第七页 复选框
第八页 单选框
第九页 选单
第十页 在选单中应用onchange命令

[第1课][第2课][第3课][第4课][第5课]