скрыть часть option на bootstrap

213
17 ноября 2021, 10:30

как в bootstrap в выподающем списке скрыть часть option ? есть список 

<select id="subcategories" class="selectpicker bs-select-hidden">
        <option value="">Выберите подкатегорию</option>
        <option value="ob" class="sok">Обычный</option>
        <option value="sv" class="sok">Свежевыжатый</option>
</select>

как при определенном условии скрыть 

<option value="sv" class="sok">Свежевыжатый</option>
Answer 1

Смотря какую часть нужно скрыть, например если нужно показать только 3 первых option, вот:

select option:nth-child(n+4){ 
  display: none; 
}
<select class="browser-default custom-select"> 
  <option selected>Выбери число</option> 
  <option value="1">Один</option> 
  <option value="2">Два</option> 
  <option value="3">Три</option> 
  <option value="4">Четыре</option> 
  <option value="5">Пять</option> 
</select>

READ ALSO
Почему не отображается линия canvas?
javascript

Почему не отображается линия canvas?

Все привет, хочу сделать сайт чтобы строить график линейной функции через canvas

 314
Прошу совета js
javascript

Прошу совета js

Нужно вызывать смену координат карты при определенном условии

 184
Пропадают картинки в slick slide при адаптиве
javascript

Пропадают картинки в slick slide при адаптиве

Добрый вечер проблема следуйщая, при респонсиве слайдера пропадают его картинки

 246
Смена значений innerhtml
javascript

Смена значений innerhtml

На странице есть span <span id="chart_title">Cur</span> Как сделать так, чтобы ему присваивались значения переменной, даже если переменная меняет свое...

 188