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

Question

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

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

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

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

Answer 1

Попробуйте

document.getElementsByTagName("Option").length=0

Или, возможно, посмотрите на функцию removeChild ().

Или, если вы используете JQuery Framework.

$("DropList Option").each(function(){$(this).remove();});

Answer 2

Если вы используете JQuery и у вашего элемента управления есть идентификатор "DropList", вы можете удалить его параметры следующим образом:

$('#DropList option').remove();

На самом деле это работает для меня с любым списком опций, например, с данными.

Надеюсь, это поможет.

Answer 3

Использование JQuery - более красивый, короткий и умный способ сделать это!

$('#selection_box_id').empty();

Answer 4

Это можно использовать для очистки параметров:

function clearDropDown(){
  var select = document.getElementById("DropList"),
      length = select.options.length;
  while(length--){
    select.remove(length);
  }
}

<select id="DropList" >
  <option>option_1</option>
  <option>option_2</option>
  <option>option_3</option>
  <option>option_4</option>
  <option>option_5</option>
</select>
<button onclick="clearDropDown()">clear list</button>

Answer 5

Вернитесь назад.Причина в том, что размер уменьшается после каждого удаления.

for (i = (len-1); i > -1; i--) {
    document.getElementById("elementId").remove(i);
}

Answer 6

Я хотел бы отметить, что проблема в первоначальном вопросе сегодня больше не актуальна.И есть еще более короткая версия этого решения:

selectElement.length = 0;

Я проверял, что обе версии работают в Firefox 52, Chrome 49, Opera 36, ​​Safari 5.1, IE 11, Edge 18, последних версиях Chrome, Firefox, Samsung Internet и UC Browser на Android, Safari на iPhone 6S, Android 4.2.2.Я думаю, что можно с уверенностью заключить, что он абсолютно совместим с любым устройством, которое есть сейчас, поэтому я рекомендую этот подход.

Answer 7

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

Надеюсь, этот код поможет вам

Answer 8

Элементы должны быть удалены в обратном порядке, в противном случае это приведет к ошибке.Кроме того, я не рекомендую просто устанавливать значения на null, так как это может вызвать неожиданное поведение.

var select = document.getElementById("myselect");
for (var i = select.options.length - 1 ; i >= 0 ; i--)
    select.remove(i);

Или, если вы предпочитаете, вы можете сделать его функцией:

function clearOptions(id)
{
    var select = document.getElementById(id);
    for (var i = select.options.length - 1 ; i >= 0 ; i--)
        select.remove(i);
}
clearOptions("myselect");

Answer 9

Самые простые решения самые лучшие, поэтому вам просто нужно:

var list = document.getElementById('list');
while (list.firstChild) {
    list.removeChild(list.firstChild);
}

<select id="list">
  <option value="0">0</option>
  <option value="1">1</option>
</select>

Answer 10

Я думаю, что это лучший золь.

 $("#myselectid").html('');