JavaScript

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

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

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

サンプルソース

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

実行サンプル

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

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-,

執筆者:


comment

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

関連記事

[JavaScript] フォーマットを指定して日付を表示する

JavaScriptには日付をフォーマット指定して表示する関数が無いので、日付オブジェクトから年月日時分秒を取り出して整 ...

[JavaScript] 文字列の先頭の文字を削除する

文字列の先頭の文字を削除するサンプルです。 サンプルソース 例)文字列の先頭の文字を削除する [crayon-5b55f ...

[JavaScript] 独自例外を生成して投げる

独自例外を生成して投げるサンプルです。 サンプルソース 例)独自例外を生成して投げる [crayon-5b55fb0e1 ...

[JavaScript] 要素の集合体をを配列として取得する(Array.from)

要素の集合体をを配列として取得するには、Array.fromを使用します。 サンプルソース 例)"c1"クラスを持つ要素 ...

[JavaScript] 透過率を変更する(style.opacity)

JavaScriptで透過率を変更するには、style.opacityを使用します。 サンプルソース 例)id='tar ...

スポンサーリンク