JavaScript

[JavaScript] セレクトボックス値を動的に生成する

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

連想配列オブジェクトの値から、セレクトボックスの要素を動的に生成するサンプルです。

サンプルソース

例)連想配列arrの値でセレクトボックス値を動的に生成する

実行サンプル

ボタンを押すと、セレクトボックスを動的に生成します。

 
※ボタンを押す前は要素はありませんが、押した後は要素が生成されます。

解説

  • HTML要素はdocument.createElementで作ることができます。
  • 作った要素を子要素としてHTMLに追加するには、appendChildで追加できます。

スポンサーリンク

スポンサーリンク

-JavaScript
-,

執筆者:


comment

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

関連記事

[JavaScript] サブウィンドウの名前を取得する(window名.name)

サブウィンドウの名前を取得するサンプルです。 サンプルソース 例)ボタンを押すと、サブウィンドウの名前を取得する [cr ...

[JavaScript] ページを離れた時に処理を行う(onUnload)

ページを離れた時に処理を行うには、onUnloadイベントハンドラを使用します。 サンプルソース 例)ページを離れた時に ...

[JavaScript] オブジェクトのキーを全件取得する(for-in)

オブジェクトのキーを全件取得するには、for-in構文を使用します。 サンプル 例)オブジェクト(obj)のキーを全件表 ...

[JavaScript] pxやemなどの単位を除去する

style.widthなどで値を取得すると、"120px"のような単位付きの値が取得されます。 この単位を取るには、pa ...

[JavaScript] 日付オブジェクト(Date型)から年月日を取り出す

日付オブジェクト(Date型)から年月日を取り出すサンプルです。 日付オブジェクトから年月日を取り出す 例)Dateオブ ...

スポンサーリンク