HTML DOM教程

HTML DOM 简介 HTML DOM 节点 HTML DOM 方法 HTML DOM 属性 HTML DOM 访问 HTML DOM 修改 HTML DOM 修改 HTML 内容 HTML DOM 元素 HTML DOM 事件 HTML DOM 导航 HTML DOM 总结 HTML DOM 对象

add()

Select add() 方法

定义和用法

add() 方法用于向 <select> 添加一个 <option> 元素。

语法

selectObject.add(option,before)

参数	描述
option	必需。要添加选项元素。必需是 option 或 optgroup 元素。
before	必需。在选项数组的该元素之前增加新的元素。如果该参数是null，元素添加到选项数组的末尾。

浏览器支持

所有主要浏览器都支持 add() 方法

提示： add() 方法在 IE8 和更高版本的 IE中需要在页面声明 !DOCTYPE 。

实例

下面的例子可向下拉列表的末尾添加一个 "kiwi" 选项：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script>
function displayResult()
{
var x=document.getElementById("mySelect");
var option=document.createElement("option");
option.text="Kiwi";
try
{
// for IE earlier than version 8
x.add(option,x.options[null]);
}
catch (e)
{
x.add(option,null);
}
}
</script>
</head>
<body>

<form>
<select id="mySelect">
<option>Apple</option>
<option>Pear</option>
<option>Banana</option>
<option>Orange</option>
</select>
</form>

<button type="button" onclick="displayResult()">Insert option</button>

</body>
</html>

add()

Select add() 方法

定义和用法

语法

浏览器支持

实例

更多实例