Порожній 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

Це працювало для мене.