セレクトボックスをリスト（一覧）形式で表示する方法

セレクトボックス（select要素）を表示した場合、デフォルトではプルダウン形式で表示されます。

これをリスト（一覧）形式にしたい場合は、 select要素の「size」属性で表示したい行数を指定します。

HTML


<select size="4" >
  <option>オプション1</option>
  <option>オプション2</option>
  <option>オプション3</option>
  <option>オプション4</option>
</select>

size属性を指定した上のHTMLは次のようにリスト（一覧）形式で表示されます。

option要素の数よりも少ない数のsize属性を指定した場合は、下のようにスクロールできます。

「size="3"」を指定した場合