JavaScript

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

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

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

サンプルソース

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

実行サンプル

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

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-,

執筆者:


comment

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

関連記事

[JavaScript] JavaScriptの型

JavaScriptではvarで変数宣言するのであまり型を意識しないかもしれませんが、 内部的には以下の型が自動で判定さ ...

[JavaScript] keyCodeを取得する

押されたキーのkeyCodeを取得するサンプルです。 サンプル 例)押されたキーのkeyCodeを表示する [crayo ...

[JavaScript] JSON文字列からオブジェクトに変換する

JSON文字列をJavaScriptオブジェクトに変換するには JSON.parseを使用します。 サンプルソース 例) ...

[JavaScript] クリック イベントを取得する(onClick)

クリックイベントを取得するには、onclickイベントハンドラを使用します。 サンプルソース ボタンを押すとアラートを表 ...

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

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

スポンサーリンク