首页 > HTML教程_HTML语言视频教程 > OPTION 元素 | option 对象-HTML元素(76)

HTML教程_HTML语言视频教程

OPTION 元素 | option 对象-HTML元素(76)

发布:E时代科技  分类:HTML教程_HTML语言视频教程 浏览:2588 次

  OPTION 元素 | option 对象-HTML元素(76)

  引起 SELECT 元素中的一个选项。

  注释

  在 Internet Explorer 5 及以后版本中,OPTION 元素是 all 集合的一部分。而在较早版本中,你只能通过 SELECT 元素的 options 集合获得对这些元素的访问。

  如果想要向 SELECT 元素中添加 OPTION 元素的话,那么 SELECT 元素必须位于 OPTION 元素被创建的窗口。

  除了 background-color 和 color,通过 style 为 option 元素指定的样式设置都将被忽略。此外,直接应用到单个 options 的样式都将全部覆盖应用到 SELECT 元素容器的样式。

  OPTION 元素是一个块元素。

  OPTION 元素不需要关闭标签。

  示例

  下面的例子使用 OPTION 元素创建了下拉列表框中的单个项目。

  SHOWExample

  《SELECT ID=“oCars” SIZE=“1” onchange=“fnChange()”》

  《OPTION VALUE=“1”》宝马

  《OPTION VALUE=“2”》保时捷

  《OPTION VALUE=“3” SELECTED》奔驰

  《/SELECT》

  《TEXTAREA ID=“oData”》《/TEXTAREA》

  下面的例子使用 options 集合将列表框中选中的项目追加到文本区域中。

  《SCRIPT LANGUAGE=“JScript”》

  function fnChange(){

  oData.value+=oCars.options[oCars.selectedIndex].text + “\n”;

  }

  《/SCRIPT》

  查看更多HTML教程》》》》》