自强学堂
自强学堂:学习、分享、让你更强!
JavaScript 参考手册HTMLCSSJAVASCRIPTJQUERYSQLPHPBOOTSTRAPANGULARXML
 

HTML DOM Select add() 方法

Select 对象参考手册 Select 对象

定义和用法

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

语法

selectObject.add(option,before)

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


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 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>

尝试一下 »


实例

更多实例

在下拉列表的被选选项之前添加选项


Select 对象参考手册 Select 对象