首页 > HTML教程_HTML语言视频教程 > SELECT 元素 | select 对象-HTML元素(87)

HTML教程_HTML语言视频教程

SELECT 元素 | select 对象-HTML元素(87)

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

  SELECT 元素 | select 对象-HTML元素(87)

  引起列表框或下拉框。

  注释

  SELECT 元素是窗口控件,不支持 z-index 属性。

  SELECT 元素是内嵌元素。

  SELECT 元素需要关闭标签。

  示例

  下面的例子使用 SELECT 元素创建了一个下拉列表框。

  《SELECT NAME=“Cats” SIZE=“1”》

  《OPTION VALUE=“1”》Calico

  《OPTION VALUE=“2”》Tortie

  《OPTION VALUE=“3” SELECTED》Siamese

  《/SELECT》

  下面的例子使用 select 元素创建了多项选择列表框,方法是设置了 SIZE 和 MULTIPLE 标签属性。要获得多项选择列表框的选中选项,则必须遍历 options 集合并检查 SELECTED 是否被设为 true。

  《SELECT ID=“oSelect” NAME=“Cars” SIZE=“3” MULTIPLE》

  《OPTION VALUE=“1” SELECTED》宝马

  《OPTION VALUE=“2”》保时捷

  《OPTION VALUE=“3” SELECTED》奔驰

  《/SELECT》

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

  SHOWExample

  《SCRIPT LANGUAGE=“JScript”》

  var oOption = document.createElement(“OPTION”);

  oOption.text=“法拉利”;

  oOption.value=“4”;

  oSelect.add(oOption);

  《/SCRIPT》

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