Как скрыть / отключить параметры раскрывающегося списка, пока страница не загрузится

Question

Когда вы обновляете sh страницу, отображаются все раскрывающиеся варианты, что выглядит не очень хорошо. После завершения загрузки страницы отображается только одно раскрывающееся меню, которое соответствует желаемому поведению.

Это мой выпадающий код:

К сожалению, мне не удалось заставить это работать.

$(document).ready(function() {
  $("#dropdown").prop("disabled", false);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="dropdown" class="special-search-select-box search-translation-select translation-select-default form-control disabled" name="category_name">
  <option value="good-news-translation-gnt">Good News Translation (GNT)</option>
  <option value="king-james-version-kjv" selected="selected">King James Version (KJV)</option>
  <option value="new-international-version-niv">New International Version (NIV)</option>
  <option value="new-king-james-version-nkjv">New King James Version (NKJV)</option>
  <option value="revised-standard-version-rsv">Revised Standard Version (RSV)</option>
</select>

Answer 1

Попробуйте это.

$(window).load(function(){...});