Скрыть пустой value в select

Question

Пытаюсь скрыть скриптом,но что то не хочет

<script>
$(function(){
    $(".form-control #sroc_filter156 option[value='0']").remove();
});
</script>
 
<div class="form-group col-md-12 field ft_unilist f_sroc">
    <label class="clickable"> Тип</label>
        <div id="collapse_sroc" class="collapse show">
             <select class="form-control " name="sroc[]" id="sroc_filter156" multiple="">
                <option value=""></option>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
            <option value="select_all">Выбрать все</option></select>  
        </div>
 </div>

Answer 1

$(".form-control#sroc_filter156 option[value='']").remove();
               ^^                            ^^

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
  $(function() {
    $(".form-control#sroc_filter156 option[value='']").remove();
  });
</script>

<div class="form-group col-md-12 field ft_unilist f_sroc">
  <label class="clickable"> Тип</label>
  <div id="collapse_sroc" class="collapse show">
    <select class="form-control " name="sroc[]" id="sroc_filter156" multiple="">
      <option value=""></option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="select_all">Выбрать все</option>
    </select>
  </div>
</div>

Answer 2

Еще можно попробовать:

<option hidden>Hidden option</option>

БЛОГ НА HUSL

Скрыть пустой value в select

Ответы (2 шт):