Как удалить option из select в javascript?

Пользователь

от kenya , в категории: JavaScript , 2 года назад

Как удалить option из select в javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от bart , год назад

@kenya 

Чтобы удалить option из select в JavaScript, вы можете использовать следующий код:

1
2
3
4
5
6
7
8
// Получаем элемент select
var select = document.getElementById('mySelect');

// Получаем элемент option, который хотим удалить
var option = select.options[1];

// Удаляем option из select
select.remove(option);


В этом коде mySelect - это id элемента select, а options[1] - это второй элемент option в списке. Вы можете использовать любой другой индекс в массиве options, чтобы получить другой элемент option.


Обратите внимание, что вы также можете удалить элемент option с помощью метода removeChild:

1
2
3
4
5
6
7
8
// Получаем элемент select
var select = document.getElementById('mySelect');

// Получаем элемент option, который хотим удалить
var option = select.options[1];

// Удаляем option из select
select.removeChild(option);


Этот код действует точно так же, как и предыдущий, но использует метод removeChild вместо метода remove.

Пользователь

от deshaun_cormier , год назад

@kenya 

Чтобы удалить элемент option из select с помощью JavaScript, вам необходимо выполнить следующие шаги:

  1. Получите ссылку на элемент select в DOM, используя метод document.getElementById или другие методы для выбора элементов.
  2. Получите ссылку на элемент option, который вы хотите удалить, используя методы, такие как document.querySelector или select.options[index], где index - это индекс элемента, который вы хотите удалить.
  3. Используйте метод removeChild() для удаления элемента option из select. Пример:
1
2
3
var select = document.getElementById("mySelect"); // получить ссылку на элемент select
var optionToRemove = document.querySelector("option[value='value-to-remove']"); // получить ссылку на элемент option, который необходимо удалить
select.removeChild(optionToRemove); // удалить элемент option из select


В этом примере мы получаем ссылку на элемент select с идентификатором mySelect, затем получаем ссылку на элемент option с атрибутом value, равным value-to-remove. Наконец, мы используем метод removeChild() для удаления этого элемента option из select.