從選擇框中刪除選擇的選項

Question

如何從選擇框（下拉列表）中刪除所選選項（突出顯示的選項）？

預期結果：從選擇框中選擇一個選項后，單擊按鈕“刪除”（Delete）所選選項。

<!DOCTYPE html>

<html>

<head>

</head>

<body>
<select id="drop1" id="choices">
  <option value="Red">Red</option>
  <option value="Blue">Blue</option>
  <option value="Yellow">Yellow</option>
  <option value="Green">Green</option>
    <option value="Orange">Orange</option>
    <option value="Black">Black</option>
</select>
<input type="button" value="Delete" name="delete">

</body>

</html>

Answer 1

使用jQuery非常簡單。 我建議您使用該庫。 給您的刪除按鈕一個ID：

$('#deletebtn').on('click', function(){
    $('#drop1').find(':selected').remove();
});

http://jsfiddle.net/rWcne/

Answer 2

一種無jquery的方法->使用選擇框對象的remove方法和selectedIndex。

http://www.w3schools.com/jsref/met_select_remove.asp

Answer 3

您可以添加一個javascript函數：

<input type="button" onclick="removeOptionSelected();" value="Delete" name="delete">


  function removeOptionSelected()
{
  var elSel = document.getElementById('drop1');
  var i;
  for (i = elSel.length - 1; i>=0; i--) {
    if (elSel.options[i].selected) {
      elSel.remove(i);
    }
  }
}

從選擇框中刪除選擇的選項

問題描述

3 個解決方案

解決方案1
0 2013-01-25 22:05:32

解決方案2
0 2013-01-25 22:07:35

解決方案3
0 已采納 2013-01-25 22:07:38

從選擇框中刪除選擇的選項

問題描述

3 個解決方案

解決方案1 0 2013-01-25 22:05:32

解決方案2 0 2013-01-25 22:07:35

解決方案3 0 已采納 2013-01-25 22:07:38

解決方案1
0 2013-01-25 22:05:32

解決方案2
0 2013-01-25 22:07:35

解決方案3
0 已采納 2013-01-25 22:07:38