HTML DOM add() 方法
定义和用法
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>