Пустой HTML SELECT без пустого элемента в раскрывающемся списке

Как реализовать subj?

когда я пишу:

<form>
  <select>
     <option value="0">aaaa</option>
     <option value="1">bbbb</option>
  </select>
</form>

тогда выбранный элемент по умолчанию - "aaaa"

когда я пишу:

<form>
  <select>
     <option value=""></option>
     <option value="0">aaaa</option>
     <option value="1">bbbb</option>
  </select>
</form>

то по умолчанию выбранный элемент пуст, но этот пустой элемент отображается в раскрывающемся списке.

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

Просто используйте отключенные и / или скрытые атрибуты:

<option selected disabled hidden style='display: none' value=''></option>

• selected делает эту опцию настройкой по умолчанию.
• disabled делает этот параметр неактивным.
• style='display: none'делает этот параметр не отображаемым в старых браузерах. См .: Могу ли я использовать документацию для скрытого атрибута.
• hidden отключает отображение этой опции в раскрывающемся списке.

Вы можете по установке selectedIndexв -1использовании .prop: http://jsfiddle.net/R9auG/ .

Для более старых версий jQuery используйте .attrвместо .prop: http://jsfiddle.net/R9auG/71/ .

Просто используя

<option value="" selected disabled>Please select an option...</option>

будет работать где угодно без скрипта и позволит вам одновременно инструктировать пользователя.

<select>
     <option value="" style="display:none;"></option>
     <option value="0">aaaa</option>
     <option value="1">bbbb</option>
  </select>

Вот простой способ сделать это с помощью обычного JavaScript. Это ванильный эквивалент сценария jQuery, опубликованного pimvdb. Вы можете проверить это здесь .

<script type='text/javascript'>
  window.onload = function(){
    document.getElementById('id_here').selectedIndex = -1;
  }
</script>

.

<select id="id_here">
  <option>aaaa</option>
  <option>bbbb</option>
</select>

Убедитесь, что id_here совпадает в форме и в JavaScript.

Вы не можете. Они просто так не работают. В раскрывающемся меню должен быть постоянно выбран один из вариантов.

Вы можете (хотя я не рекомендую) следить за событием изменения, а затем использовать JS для удаления первого варианта, если он пуст.

Для чисто html @isherwood есть отличное решение. Для jQuery укажите идентификатор в раскрывающемся списке, затем выберите его с помощью jQuery:

<form>
  <select id="myDropDown">
    <option value="0">aaaa</option>
    <option value="1">bbbb</option>
  </select>
</form> 

Затем используйте этот jQuery, чтобы очистить раскрывающееся меню при загрузке страницы:

$(document).ready(function() {
    $('#myDropDown').val(''); 
});

Или поместите его внутри функции:

$('#myDropDown').val(''); 

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

Вы можете попробовать этот фрагмент

$("#your-id")[0].selectedIndex = -1

У меня это сработало.