HTML DOM add() 方法

定义和用法

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

语法

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

实例

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

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function insertOption()
  5. {
  6. var y=document.createElement('option');
  7. y.text='Kiwi'
  8. var x=document.getElementById("mySelect");
  9. try
  10. {
  11. x.add(y,null); // standards compliant
  12. }
  13. catch(ex)
  14. {
  15. x.add(y); // IE only
  16. }
  17. }
  18. </script>
  19. </head>
  20. <body>
  21.  
  22. <form>
  23. <select id="mySelect">
  24. <option>Apple</option>
  25. <option>Pear</option>
  26. <option>Banana</option>
  27. <option>Orange</option>
  28. </select>
  29. <input type="button" onclick="insertOption()"
  30. value="Insert option" />
  31. </form>
  32.  
  33. </body>
  34. </html>