ドロップダウンリストに空白の項目がない空白の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を使用してそれを行う簡単な方法です。これは、pimvdbによって投稿されたjQueryスクリプトに相当するものです。ここでテストできます。

<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で一致していることを確認してください。

できません。それらは単にそのようには機能しません。ドロップダウンメニューでは、常にオプションの1つが選択されている必要があります。

（お勧めしませんが）変更イベントを監視し、JSを使用して最初のオプションが空白の場合は削除することができます。

純粋にhtmlの場合、@ isherwoodには優れたソリューションがあります。jQueryの場合、選択ドロップダウンにIDを指定し、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

それは私のために働いた。