Как мне удалить выбранную опцию (выделенная опция) из поля выбора (раскрывающийся список)?

Ожидаемый результат: После того, как выбор был сделан из поля выбора, по нажатию кнопки «Удалить» выбранный вариант.

<!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>
0
John Smith 26 Янв 2013 в 01:58

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);
    }
  }
}
0
igarcia 25 Янв 2013 в 22:07

Путь без jquery -> Используйте метод удаления объекта select box и selectedIndex.

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

0
sixdim 25 Янв 2013 в 22:07

Очень просто с JQuery. Я рекомендую вам использовать эту библиотеку. Назначение вашей кнопке удаления идентификатора:

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

http://jsfiddle.net/rWcne/

0
AlienWebguy 25 Янв 2013 в 22:05