HTML DOM add() 方法

HTML DOM Select 对象

定义和用法

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

语法

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

实例

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

<html>
<head>
<script type="text/javascript">
function insertOption()
  {
  var y=document.createElement('option');
  y.text='Kiwi'
  var x=document.getElementById("mySelect");
  try
    {
    x.add(y,null); // standards compliant
    }
  catch(ex)
    {
    x.add(y); // IE only
    }
  }
</script>
</head>
<body>

<form>
<select id="mySelect">
  <option>Apple</option>
  <option>Pear</option>
  <option>Banana</option>
  <option>Orange</option>
</select>
<input type="button" onclick="insertOption()"
value="Insert option" />
</form>

</body>
</html>

TIY

把一个选项添加到下拉列表的末尾
在下拉列表的被选选项之前添加选项

HTML DOM Select 对象

VUE