公開日:2014/10/23フォームオブジェクトの中でも、セレクトボックスの操作は少し特殊です。記述方法を覚えてしまえば問題ないのですが、同じようなミスをして調べる機会が多いのもセレクトボックスの特徴ではないでしょうか。使えば、様々な需要に合った操作ができるようになります。ここではプルダウン項目の追加・削除について触れますが、基本となるセレクトボックス操作の知識は必要不可欠なので、ぜひ次の記事も一緒に確認していただければと思います。操作をまとめてみました。属性「select_test」を持つセレクトボックスを用いて解説していきます。なるプルダウン「選択肢999」を追加する例を紹介します。用いるので、セレクトボックスの末尾に追加されます。上に出力する処理を行っています。結果的にはどちらも同じ結果になります。変数を用いて値を設定するような場合は、2つ目の記述方法で書いたほうが読みやすいプログラムになります。値を持つプルダウンが追加されないように制御することも可能です。}});セレクトボックスへのプルダウン項目追加のサンプル選択肢1選択肢2選択肢3選択肢4プルダウン項目追加ボタンを押したあと、プルダウンに値が追加されたことを確認してください。要素の追加は、先頭や末尾だけでなく位置を指定して追加することもできます。なるプルダウン「選択肢888」を「選択肢2」の次に追加する例を紹介します。要素を指定することができます。用いて指定した要素の後ろに追加しています。セレクトボックスの指定位置へプルダウン項目を追加するサンプル選択肢1選択肢2選択肢3選択肢4プルダウン項目追加ボタン押下前後でプルダウンの内容を確認してください。指定した位置にプルダウンが追加されたことが分かります。選択肢そのものを消してしまう方法は2つあります。値を用いる方法が一般的です。場合によっては、表示テキストを指定して削除する方法を知っておくと便利なこともあるので、これを機械に覚えてください。使ったループ処理を行います。値で判断してください。要素)削除のサンプルここでは「選択肢2」のプルダウンが削除されます。セレクトボックスのプルダウン項目を追加/削除する方法の紹介でした。えぬじぇいWeb系メインで従事していた元システムエンジニア。現在は個人事業主として独立。Webサイト運営における「困った問題」の解決方法をブログで発信。サイト運営、ポップデザインや動画制作など、パソコンでモノづくりをしている。