JavaScript

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

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

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

サンプルソース

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

実行サンプル

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

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-,

執筆者:


comment

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

関連記事

[JavaScript] 小数点以下指定した桁数で四捨五入する(.toFixed)

小数点以下指定した桁数で四捨五入するには、.toFixed()を使用します。 サンプルソース 例)小数点以下指定した桁で ...

[JavaScript] Functionが要求する引数の数を取得する

Functionが要求する引数の数を取得するサンプルです。 サンプルソース 例)関数「fnc02」が要求する引数の数を取 ...

[JavaScript] ページのURLを参照/設定する(document.location)

ページのURLを参照/設定するには、document.location を使用します。 サンプルソース 例)ボタンを押す ...

[JavaScript] ブラウザの言語設定を取得する(navigator.language、navigator.languages)

ブラウザの言語設定を取得するには、 navigator.language、navigator.languagesを使用し ...

[JavaScript] ブラウザにインストールされているプラグインの情報を取得する

ブラウザにインストールされているプラグインの情報を取得するには、navigator.pluginsを参照します。 サンプ ...

スポンサーリンク