JavaScript

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

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

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

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

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

実行サンプル

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


解説

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

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

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

実行サンプル

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


解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] フォーカス・イン イベントを取得する(onFocus)

フォーカス・イン イベントを取得するには、onfocusを使用します。 サンプルソース 例)フォーカスが当たるとアラート ...

[JavaScript] keydownイベントを取得する(onkeydown)

JavaScriptでkeydownイベントを取得するサンプルです。 サンプルソース 例1)テキストボックス上でキーを押 ...

[JavaScript] 文字を斜体にする

JavaScriptで文字を斜体にするには、style.fontStyleを使用します。 サンプルソース 例)ボタンを押 ...

[JavaScript] フォームの二重送信を防止する

フォームの二重送信を防止するサンプルです。 ボタンを2回押したときに警告を表示するパターンと、 送信ボタンを使用不可にす ...

[JavaScript] 入力ダイアログを表示する(window.prompt)

入力ダイアログを表示するには、window.prompt()を使用します。 サンプルソース 例)入力ダイアログを表示する ...

スポンサーリンク