3.11 如何获取下拉列表的选项

一般来讲，获取下拉列表的选项主要是通过selectIndex属性来操作的，其实还有一个index索引属性也可以实现该操作。本节就分别介绍如何通过这两个属性来获取下拉列表的选项（包括获取索引和文本值）。

首先，介绍一个JavaScript通过selectIndex属性获取下拉列表选项的代码实例。

关于【代码3-11】的说明：

● 第14～21行代码通过标签<select>定义了一个下拉菜单，并添加了一组选项。

● 第26～30行代码定义的函数实现了通过selectIndex属性操作下拉菜单选项的功能。其中，第27行代码通过selectIndex属性获取了下拉菜单选项的索引，第28行代码通过集合options对象获取了索引值对应的下拉菜单选项，第29行代码通过text属性在浏览器控制台中输出了下拉菜单选项的文本内容。

下面使用Firefox浏览器运行测试该HTML网页，具体效果如图3.11所示。

图3.11 JavaScript获取下拉列表的选项（selectIndex）

下面，再介绍一个JavaScript通过index属性获取下拉列表选项的代码实例。

关于【代码3-12】的说明：

● 本代码是在【代码3-11】的基础上修改而成的，主要区别就是在第05行代码中使用index属性获取了下拉菜单选项的索引值。

读者可以自行测试一下该代码实例，与【代码3-11】的效果是完全一致的。