Как очистить все параметры в раскрывающемся списке?

Question

Мой код работает в IE, но не работает в Safari, Firefox и Opera.(большой сюрприз)

document.getElementById("DropList").options.length=0;

После поиска я узнал, что ему не нравится length=0.
Я попробовал ...options=null и var clear=0; ...length=clear с тем жерезультат.

Я делаю это одновременно с несколькими объектами, поэтому я ищу какой-то легкий код JS.

Answer 1

Чтобы удалить параметры выбранного html-объекта, вы можете использовать этот фрагмент кода:

function removeOptions(selectbox)
{
    var i;
    for(i = selectbox.options.length - 1 ; i >= 0 ; i--)
    {
        selectbox.remove(i);
    }
}
//using the function:
removeOptions(document.getElementById("mySelectObject"));

Это будет работать во всех браузерах.=)

Answer 2

Если вы хотите иметь легкий скрипт, тогда переходите на jQuery. В jQuery решение для удаления всех опций будет выглядеть так:

$("#droplist").empty();

Answer 3

Возможно, не самое чистое решение, но оно определенно проще, чем удаление по одному:

document.getElementById("DropList").innerHTML = "";

Answer 4

Это лучший способ:

function (comboBox) {
    while (comboBox.options.length > 0) {                
        comboBox.remove(0);
    }        
}

Answer 5

Это кратчайший путь:

document.getElementById('mySelect').innerText = null

Одна строка, нет для, нет JQuery, просто.

Answer 6

Вы можете использовать следующее, чтобы очистить все элементы.Обратите внимание, что

var select = document.getElementById("DropList");
var length = select.options.length;
for (i = 0; i < length; i++) {
  select.options[i] = null;
}

Answer 7

function removeOptions(obj) {
    while (obj.options.length) {
        obj.remove(0);
    }
}

Answer 8

Это немного современный и чистый JavaScript

document.querySelectorAll('#selectId option').forEach(option => option.remove())

Answer 9

с PrototypeJS :

$('yourSelect').select('option').invoke('remove');

Answer 10

Обратите внимание, что у выбора может быть и
- optgroup &
- коллекция опций
в качестве его дочерних элементов.

Итак,

Метод # 1

var selectElement = document.getElementById('myselectid');
selectElement.innerHTML = '';

Метод # 2

var selectElement = document.getElementById('myselectid');
selectElement.textContent = '';

Я тестировал, оба работают на Chrome.
Iкак простой, старомодный, метод № 1.