フォームのプルダウンを使用して
メニューを作成しているのですが、
ソースが長くなってしまうのでなんとかJavaScriptで外部化出来ないかと考えております。
<select>
<option>A</option>
<option>B</option>
<option>C</option>
・
・
・
</select>
上記の様なイメージのselectが1000個くらい必要となり
かなりずらずらと書かなければなりません。
そこで、<option>の中身を外部のJavaScriptファイルから読み込んで表示出来ないかと思っています。
なにか良い方法をご存じの方いらっしゃいましたらご教授下さい。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
1000個もあると、ブラウザのメモリ消費がすごいものになるんじゃないかとおもいます。
それに、選択肢として選ぶのも大変なんじゃないでしょうか。
基本的にはNo.1さんの回答と同じように、サーバ側で埋め込むような形にするのがよいとおもいますが、それ以前に1000個にもならないような形式を考えられた方がよろしいかとおもいます。
例えば、
大項目が4分類・中項目が10分類・小項目が25分類のような感じではどうでしょう。
大項目の4項目だけ埋め込みで、セレクトボックスにして、
大項目が選択されたら中項目の一覧をサーバから取ってくる
中項目が選択されたら小項目の一覧をサーバから取ってくる
みたいな感じです。
構造を再考されたほうがよろしいかとおもいます。
No.1
- 回答日時:
selectの名前やメソッド、オプションのvalueとtext、必要であれば
デフォルト値を指定してやれば動的にセレクトを作ることは
できると思います。
ただし1000個もあるとなると、クライアントサイドのjavascriptではなく
サーバーサイドのPHPやCGIなどでなさる方が確実だとおもいます
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript 中百舌鳥駅と深井駅を入れ替えて選択しても同じ挙動にしたいです。 2 2022/06/24 18:45
- JavaScript 電車の運賃を出すプログラムを作っています。 2 2022/06/22 09:36
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
2つの<select>フォームの完全...
-
同じプルダウンメニューの外部化
-
プルダウンメニュー項目のフォ...
-
■mailtoで文字化けする
-
1アクションでPOST・GET、両方...
-
C#でHTML操作
-
同じnameのhiddenで別々の内容...
-
Javascirptによるページ内への...
-
javaを使用したアンケートで他...
-
文字化けするフォームの直し方...
-
1つのformで複数のactionを実...
-
JavaScript の 「showDialog」
-
【html】)パスワード認証フォー...
-
親ページからインラインフレー...
-
ジャバスクリプトに関して
-
送信ボタン押下時に値が未入力...
-
cgi上のhtmlをrubyのifで条件分岐
-
入力フォームの javascript で ...
-
お問い合わせフォームの送信後...
-
送信ボタンで飛ばす方法
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLのoptionタグ部分に画像を...
-
プルダウンメニューで、選択項...
-
2つの<select>フォームの完全...
-
プルダウンメニュー項目のフォ...
-
jQuery if文の条件分岐 (。ノд...
-
VB6.0でコントロール配列の配列...
-
<SELECT>タグでの selected 状...
-
セレクトボックスの幅をプルダ...
-
オプションメニューのアイテム...
-
チェックボックスにチェックで...
-
プルダウンメニューアイテムの...
-
カタカナ変換を一発でする方法
-
プルダウンメニューを選択した...
-
メール予約フォームを壊してし...
-
日付リストボックスの制御について
-
プルダウンメニューでインライ...
-
プルダウン 背景色の変更
-
javascriptでプルダウンメニュ...
-
プルダウンのリンクについて
-
selectの選択肢の説明を表示す...
おすすめ情報