JavaScript

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

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

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

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

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

実行サンプル

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


解説

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

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

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

実行サンプル

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


解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] cookieに値をセットする

cookieに値をセットするサンプルです。 サンプルソース 例)cookieに値をセットする [crayon-5c9aa ...

[JavaScript] 数値を文字列に変換する時最もパフォーマンスが良い方法

数値を文字列に変換するには、以下3種類がありますが どれが最もパフォーマンスがよいか調べてみました。 [crayon-5 ...

[JavaScript] オブジェクトからJSON文字列に変換する

JavaScriptオブジェクトからJSON文字列に変換するには JSON.stringifyを使用します。 オブジェク ...

[JavaScript] オブジェクトが配列かどうか判定する

オブジェクトが配列かどうか判定するサンプルです。 サンプル instanceofを使う方法と、Array.isArray ...

[JavaScript] 値を厳密に比較する(===、!==) 厳密等価演算子

JavaScriptで値を比較する時、型も同じかどうかを比較するには「===」で比較します。 「===」は厳密等価演算子 ...

スポンサーリンク