JavaScript

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

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

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

サンプルソース

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

実行サンプル

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

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-,

執筆者:


comment

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

関連記事

[JavaScript] 10進数のRGB表記で色を指定する

10進数のRGB表記で色を指定するサンプルです。 サンプルソース 例)要素「id="d1"」の背景色を黄色にする [cr ...

[JavaScript] canvasオブジェクトを生成する

JavaScriptでcanvasオブジェクトを生成する方法です。 サンプルソース 例)canvasオブジェクトを生成す ...

[JavaScript] 文字列の文字数を取得する(.length)

文字列の文字数(長さ)を取得するサンプルFunctionです。 サンプルソース 文字列の文字数を取得するには、lengt ...

[JavaScript] ASCIIコードから文字列に変換する(String.fromCharCode)

ASCIIコードから文字列に変換するには、String.fromCharCodeを使用します。 サンプルソース 例)AS ...

[JavaScript] 履歴を残しつつページを遷移する(location.assign)

履歴を残しつつページを遷移するには、location.assign を使用します。 サンプルソース 例)ボタンを押すと、 ...

スポンサーリンク