select 要素のデフォルト値を決める

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2024/11/25 02:04

ただいまコメントを受けつけておりません。

select 要素のデフォルト値を決める

13～7から数字を選択させる際に 10 を初期値としたいが、降順で数字を並べたい。以下のようにすると初期値は13となる。

<select class="value">
	<option value="@13">13</option>
	<option value="@12">12</option>
	<option value="@11">11</option>
	<option value="@10">10</option>
	<option value="@9">9</option>
	<option value="@8">8</option>
	<option value="@7">7</option>
</select>

初期値にしたい option 要素に selected を入れておくと初期値となってくれる。

<select class="value">
	<option value="@13">13</option>
	<option value="@12">12</option>
	<option value="@11">11</option>
	<option selected value="@10">10</option>
	<option value="@9">9</option>
	<option value="@8">8</option>
	<option value="@7">7</option>
</select>