JavaScript

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

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

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

サンプルソース

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

実行サンプル

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

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-,

執筆者:


comment

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

関連記事

[JavaScript] 三角関数を使用する

JavaScriptで三角関数を使用するサンプルです。 サンプル 例)30度のサイン(正弦)を求める [crayon-5 ...

[JavaScript] ブロックスコープを定義する

JavaScriptでブロックスコープを定義する方法です。 ECMAScript5以前の環境では即時関数を使用しますが、 ...

[JavaScript] 配列の値を全件取得する(forEach、for-of)

配列の値を全件取得するには、forEachまたは、for-of構文を使用します。 ※ for-of構文はECMAScri ...

[JavaScript] サイト内の文字を選択できないようにする

サイト上の文字(文章)をドラッグ等で選択できないようにするには、 onselectstartを使用すれば実現できます。 ...

[JavaScript] 正規表現パターンサンプル集

正規表現パターンのサンプルをまとめてみました。 ぜひご利用ください。 正規表現サンプル 【正規表現パターン】 パターン意 ...

スポンサーリンク