0

選択したオプション(強調表示されたオプション)を選択ボックス(ドロップダウンリスト)から削除するにはどうすればよいですか?

期待される結果:選択ボックスから選択が行われたら、[削除]ボタンをクリックして選択したオプションを選択します。

<!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>
4

3 に答える 3

0

jQueryで非常に簡単です。そのライブラリを使用することをお勧めします。削除ボタンにIDを与える:

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

http://jsfiddle.net/rWcne/

于 2013-01-25T22:05:32.823 に答える
0

jqueryを使用しない方法->選択ボックスオブジェクトのremoveメソッドとselectedIndexを使用します。

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

于 2013-01-25T22:07:35.120 に答える
0

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);
    }
  }
}
于 2013-01-25T22:07:38.460 に答える