☰

HTML 選択要素の選択オプションをデフォルトで空白に設定する 質問する

tag-icon • tag-icon html
HTML 選択要素の選択オプションをデフォルトで空白に設定する 質問する

HTML のドロップダウン メニューでは、デフォルトでオプションが選択されていない必要があります。ただし、以下は使用できません。

<select>
  <option></option>
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
</select>

このため、最初のオプションを処理するために検証する必要があるからです。

最初のオプションを実際に選択タグの一部として含めずに、この目標を達成するのを手伝ってくれる人はいますか?

ベストアンサー1

これは役に立つかもしれない

<select>
  <option disabled selected value> -- select an option -- </option>
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
</select>

-- select an option --デフォルトで表示されます。ただし、オプションを選択すると、再度選択することはできません。

空の文字列を追加することで非表示にすることもできます。option

<option style="display:none">

リストには表示されなくなります。

オプション2

CSS を記述せずに上記のソリューションと同じ動作を期待する場合は、次のようにします。

<option hidden disabled selected value> -- select an option -- </option>

おすすめ記事