<select></select>标签内部的所有<option></option>标签构成了列表框元素的选项集合，由列表框元素对象的options属性表示。
options集合包含length属性可以获得或设置选项的个数，add（）可向列表框中添加新的选项，remove（）方法则用于从列表框中移除已有的选项。
列表框元素的selectedIndex属性可以获得或设置被选中的选项的索引号。
<option></option>标签被脚本视为选项对象。选项对象包含text属性，value属性。某个选项是否被选中，可由它的selected属性来获得或设置。选项对象可由它的构造函数及new运算符一起来动态创建，比如：new Option（"text"，"value"，selected）。
例6.8：
运行此页面，界面如图6.6所示。
图6.6 列表框
浏览器加载页面完成时，window对象发生onload事件，调用了fillOptions函数。
选中“C#面向对象程序设计”，单击“移除选中的项”按钮，结果如图6.7所示。
图6.7 移除选择的项
选中“结构化查询语言与SQL SERVER”，单击“访问被选中的项”按钮，弹出对话框如图6.8所示。
图6.8 单击“访问被选中的项”按钮
单击“移除所有科目”按钮，结果如图6.9所示。
图6.9 单击“移除所有科目”按钮
为options集合的length属性赋值的结果是，列表框仅保留索引比length属性的值要小的那些项。
➢可通过表单的id或name来访问表单，也可通过forms集合来访问表单。
➢表单对象常用的属性包括id，name，action，method。
➢除了像访问普通页面元素一样访问表单元素外，还可以先访问包含表单元素的表单对象，再访问表单对象的elements集合，在这个集合中获取某个表单元素。
➢文本框对象、密码框对象和多行文本框对象都有value属性，可用于获得或设置其中的文本内容。
➢单选按钮对象和复选框对象都有value属性，用于表示它们的数据，都有checked属性，用于获取或设置它们是否选中的状态。(https://www.xing528.com)
➢列表框对象有options属性，它表示由列表框包含的所有选项构成的集合。
➢列表框中的选项对象可由Option的构造函数来创建。
1.编写一个网页，实现用户选择自己的爱好信息，然后单击“提交”按钮进行提交。使用JavaScript提示用户所选择的爱好信息，如图6.10所示。
图6.10 提示选择的爱好信息
2.在一个网页中，实现反选功能。当选中其中几个选项时，如图6.11所示；然后单击“反选”链接，如图6.12所示。
图6.11 选择爱好
图6.12 反选爱好
3.在一个网页中，需要选择地址信息，如图6.13所示。单击“请选择….”按钮弹出一个模态窗口，如图6.14所示；在模态窗口中选择城市和街道信息，单击“确定”按钮将得到的城市和街道信息显示到地址文本框中，如图6.15所示。
图6.13 初始页面
图6.14 弹出模态对话框
图6.15 显示选择的值
在一个网页中，选择你熟悉的语言和程度，效果如图6.16所示。当单击“确定”按钮后，语言和程度就动态添加到表格里，如图6.17所示。不能添加重复的语言和程度，可以根据语言对程度进行修改，如图6.18所示。也可以选择不同的语言和程度进行添加，如图6.19所示。
图6.16 选择熟悉的语言和程度
图6.17 添加熟悉的语言
图6.18 根据语言修改程度
图6.19 添加不同的语言
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
