Очистка выберите с помощью jquery

Можно ли очистить содержимое объекта select html с помощью JQuery? У меня есть функция, которая получает список для заполнения выбора и добавляет его в select, поэтому мне нужно каким-то образом очистить предыдущие данные перед добавлением.

Ответ 1

используйте .empty()

 $('select').empty().append('whatever');

вы также можете использовать .html(), но обратите внимание на

Когда .html() используется для установки содержимого элемента, любой контент, который был в этом элемент полностью заменяется новым контентом. Рассмотрим следующий HTML:

alternative: --- Если вы хотите, чтобы только элементы-опции были удалены, используйте .remove()

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

Ответ 2

Если вам не нужны какие-либо дочерние элементы, например. optgroup, вы можете использовать empty()...

$('select').empty();

В противном случае, если вы хотите удалить только элементы option, используйте remove().

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

Ответ 3

$('option', '#theSelect').remove();

Ответ 4

Предполагая список, как показано ниже, и предполагая, что некоторые из этих параметров были выбраны... (это мультивыбор, но это также будет работать с одним выбором.

<select multiple='multiple' id='selectListName'> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
    <option>4</option>
</select>

В некоторой функции, вызванной на основе какого-либо события, следующий код очистит все выбранные параметры.

$( "# selectListName" ). prop ('selectedIndex', -1);

Ответ 5

Вот небольшой плагин jQuery, который (помимо прочего) может выпустить раскрывающийся список.

Просто напишите:

$('your-select-element').selectUtils('setEmpty');