HTML DOM remove() 方法

定义和用法

remove() 方法用于从下拉列表删除选项。

语法

  1. selectObject.remove(index)
参数 描述
index 必需。规定要删除的选项的索引号。

说明

该方法从选项数组的指定位置移除 <option> 元素。如果指定的下标比 0 小,或者大于或等于选项的数目,remove() 方法会忽略它并什么也不做。

实例

下面的例子可从列表中删除被选的选项:

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function removeOption()
  5. {
  6. var x=document.getElementById("mySelect")
  7. x.remove(x.selectedIndex)
  8. }
  9. </script>
  10. </head>
  11. <body>
  12.  
  13. <form>
  14. <select id="mySelect">
  15. <option>Apple</option>
  16. <option>Pear</option>
  17. <option>Banana</option>
  18. <option>Orange</option>
  19. </select>
  20. <input type="button" onclick="removeOption()"
  21. value="Remove option">
  22. </form>
  23.  
  24. </body>
  25. </html>