Как вернуть исходное состояние select в динамичном режиме?

Question

[rapidum_alder]

Есть кнопка сбор фильтра.
Надо вернуть селектор в начальную позицию без перезагрузки страницы.

<select id="select">
   <option value="0" selected> Выберите критерий </option>
   <option value="1"> 1 </option>
   <option value="2"> 2 </option>
   <option value="3"> 3 </option>
</select>
<div class="btn" onclick="clear()">Сброс фильтра </div>

function clear(){
let select= document.getElementById('select');
// select.value(0);  Это не верный метод
// + очистка фильтра ... Это другая проблема=) ...
}

Answer 1

[0xD34F]

Что можно сделать:

1. Установить значение select'а: select.value = '0';
   
2. Установить индекс выбранного option'а: select.selectedIndex = 0;
   
3. Назначить true в качестве значения свойства selected тому option'у, на который хотите переключиться:
   
   

   select.children[0].selected = true;
   // или
   select.options[0].selected = true;
   // или
   select.firstElementChild.selected = true;
   // или
   select.querySelector('[selected]').selected = true;

   
   
4. Перезаписать внутреннюю разметку select'а: select.innerHTML += '';
   

Answer 2

[rapidum_alder]

Вопрос с косяком ... я использую selectpicker.
Когда я изменяю состояние select он не меняется т.к. я его не вижу.
selectpicker требуется перезагрузить.
То же самое если я удаляю option
Рабочий вариант оказался:
$('#......').val(0).selectpicker('refresh');

Простите =(