JavaScript

[JavaScript] セレクトボックスの選択を位置付ける

投稿日:2016年10月9日 更新日:

セレクトボックスの選択を位置付けるサンプルです。
インデックス番号で位置付ける方法と、value値で位置付ける方法の2種類のサンプルです。

セレクトボックスをインデックス番号で位置付ける

セレクトボックスをインデックス番号で位置付けるには、.selectedIndexを使用します。

実行サンプル

押したボタンによりセレクトボックスが位置付きます


解説

  • インデックス番号で位置付けるには、selectedIndexを使用します。
  • インデックス番号は1からではなく、0から始まるのでご注意ください。
  • 存在しないインデックス番号をセットした場合は未選択状態になります。

セレクトボックスをvalue値で位置づける

セレクトボックスをvalue値で位置付けるには、.valueを使用します。

実行サンプル

↓押したボタンによりセレクトボックスが位置付きます


解説

  • value値で位置付けるには、valueプロパティに値をセットすればOKです。
  • optionに存在しないvalue値をセットした場合は未選択状態になります。

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] マウスボタン押下/押上イベントを取得する(onMouseDown, onMouseUp)

マウスボタンを押したイベントを取得するにはonmousedown、 押し下げたマウスボタンを離したイベントを取得するには ...

[JavaScript] 関数をパッケージ化する

関数をパッケージ化して使うサンプルです。 同じような共通関数をパッケージ化しておくと、コードがとてもすっきりします。 サ ...

[JavaScript] 複数の同名idを定義した場合の動き

1つのHTML中ではidは一意にする必要がありますが、誤って同名のidを複数定義してしまった場合にどのような動きとなるか ...

[JavaScript] 日付オブジェクト(Date型)を生成する

日付オブジェクトを生成するサンプルです。 日付オブジェクトを生成する 例)Date型を生成するサンプルいろいろ [cra ...

[JavaScript] 日時(Date型)の加減算を行う

Date型の加減算を行うサンプルです。 日時の加減算を行うサンプル Dateオブジェクトの日時の加算/減算を行うには、+ ...

スポンサーリンク