• ベストアンサー

同じセレクトメニューが1画面に複数ある場合

同じ内容のセレクトメニュー(選択肢が50個くらい)を、同一画面上に何個も(10個以上)設定する場合ですが、ひとつひとつ書いていたのでは表示に時間がかかってものすごく重くなってしまいます。 どうせ同じ内容のセレクトメニューなので、ひとつ書いてそれを流用させることはできないものでしょうか? Javascriptを使ってもかまいません。

  • HTML
  • 回答数1
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

>表示に時間がかかってものすごく重くなってしまいます。 たしかにjavascriptでセレクトメニューを作成することはできますが 表示時間が早くなることはありません。 むしろプログラムを介在させる以上おそくなると考えた方がよいでしょう。 場合によってはajaxなどで、セレクトメニューにクリックしたときに メニューデータを呼び出すような仕組みにすれば、体感的にずいぶん ちがうと思います

関連するQ&A

  • セレクトメニュー項目によって、表示内容を変えたい。

    セレクトメニューの内容によって、チェックボックスの表示をさせたいのですが、 Javascriptを使って設定できるか教えて下さい。 例えば、セレクトメニューリストが、「選択して下さい」「犬」「ネコ」「鳥」「トラ」とあって、 「犬」を選んだ時に、「オスのみ」「メスのみ」のチェックボックスを表示させるにはどうすればいいでしょうか? (それ以外のリストを選んだ場合は表示させなくしたいのです。) 宜しくお願いします。

  • セレクトメニューセレクトメニューへのジャンプ

    こんにちは。 セレクトメニューの選択項目に応じて、もう1つのセレクトメニューの内容を変更する方法は大体理解したのですが、 さらにもう一つ、+もう一つ・・・とセレクトメニューの項目をリンクさせて変更することは可能でしょうか? 例えば、 セレクトメニュー(1) 選択   ↓ ジャンプ セレクトメニュー(2) 選択   ↓ ジャンプ セレクトメニュー(3) 選択   ↓ ジャンプ セレクトメニュー(4) 選択   ↓ 検索用CGI実行 クリック というように選ばれた各項目ごとに次のセレクトメニューにジャンプして項目の変更を行いたいです。 参考サンプル等、 どなたか情報をお持ちの方がおりましたら、 よろしくお願いいたします。

  • html セレクトメニューを固定したいのですが。

    トップページの上部にセレクトメニューがあります。 セレクトメニューの1つを選択すると、それに伴ったページに移動させることはできたのですが、 違うページにいくとそのセレクトメニューはなくなってしまいます。 (設定してないのであたりまえですが。) どこのページに飛んでもその上部にあるセレクトメニューは常に表示するように固定にしたいんですけど、できますか? 飛んだ先のページにも同じセレクトメニューを入れればいいと思ったんですけど、枚数が多いため一括で設定できないのかなって悩んでます。 わかる方みえましたら教えてください。

  • ボタンで選択されていないセレクトメニューの非反映

    現在JavaScriptを使った、HP上での簡単な見積もりページを製作しています。 チェックボックスやラジオボタン、セレクトメニューで選ばれた項目を足して、最終的にテキストボックスに合計金額を出したいと思っています。 内容は全く違いますが、画像のような感じで項目などを作りたいと思っております。 その時に、ラジオボタンでチェックされていないセレクトメニューは選択(計算に反映)されないようにしたいのです。 (「プラスチック丸型編み込み」等が選択されている時は、「蓋付きのボックス」や「蓋付きバスケット」のセレクトメニューは選択されないようにしたいのです。) 自分の作ったものでは、「色を選択」の時点では0に設定してあるのですが、「蓋付きのボックス」のセレクトメニューが他のものを選択していた場合、それが反映されてしまうのです。 計算させるだけならできるのですが、選択されないようにする方法がわからなくて困っております。 拙い文章で申し訳ないのですが、どなたか教えてくださらないでしょうか?

  • HTMLのセレクトメニューとjavascript

    ちょっとjavascriptが判らないので質問をさせてください。 HTMLのセレクトメニューで hoge1 hoge2 hoge3 といったようなメニューが複数あるのです。 でこの一つ目のメニューでhoge1を選択した場合には、二つ目のメニュー以降ではhoge1を選択できなくしたいのです。 このような時どのように記述すれば良いのでしょうか、教えてください。 よろしくお願いします。

  • セレクトメニューを4つ使いたいのですが

    セレクトメニューを4つ使いたいのですが 1つだけのセレクトメニューは、探せば見つかるのですが 4つともなると、見つかりません。 イメージとして左フレームに 色選択 柄選択 イメージ選択 価格の選択のセレクトメニューを使いたいのですが・・・ どなたか、回答お願いします。

  • セレクトメニューで

    セレクトメニューで フレームを使った、複数のセレクトメニューで 今の状態だと、上のセレクトメニューは問題ないのですが 下のセレクトメニューで選択すると、上のセレクトメニューの「更新」になるだけに なってしまいます。 要所の所だけ、記載しますので間違ってるところを教えてください。 <script type="text/javascript"> <!-- // 設定開始 var target = "right"; // 設定終了 function jump(){ var url = document.form1.select1.options[document.form1.select1.selectedIndex].value; if(url != "" ){ if(target == 'top'){ top.location.href = url; } else if(target == 'blank'){ window.open(url, 'window_name'); } else if(target != ""){ eval('parent.' + target + '.location.href = url'); } else{ location.href = url; } } } // --> </script> </head> <body> <TABLE border="0"> <TBODY> <TR> <TD><form action="#" name="form1"> <select name="select1" onChange="jump()"> <OPTION>  メニュー</OPTION> </select> </form></TD> </TR> <TR> <TD><form action="#" name="form2"> <select name="select2" onChange="jump()"> <OPTION>  メニュー</OPTION> </select> </form></TD>

  • セレクトメニューについて

    HTMLでフォームを作っています。 セレクトメニュー(クリックするとメニューが出てきて一つ選ぶやつ)がいくらかあります。 前のセレクトメニューの選ばれたものによって、次のセレクトメニューの選択肢を変更するにはどうすればよいのでしょうか? cgiの実行も可能です。 御願いします。

    • ベストアンサー
    • HTML
  • ホームページのセレクトメニューについて

    お世話になります。 HPでプルダウンメニューのセレクト画面を、 選択した瞬間に、ページが変わるようにしてみたいと 思っているのですが、どのようにすればよろしいのでしょうか。 普通にセレクト画面を選択して、フォームの送信 ボタン等をクリックすれば、ページの変化は出来るの ですけれども、この様な方法もやってみたいと思っています。 よろしくお願いいたします。

    • ベストアンサー
    • PHP
  • ふたつのセレクトメニューの項目を外部ファイルから読み込ませて連動させたい。

    はじめまして。質問させてください。 セレクトメニューを選択するときに たとえば、左のセレクトメニューに巨人を選択すると右の セレクトメニューには巨人の選手を選択する項目になり、 左のセレクトメニューから阪神と選ぶと、右のセレクトメニューの項目が阪神の選手の項目になるように左のセレクトメニューのと右のセレクトメニューを連動させたいです。 また、そのときのセレクトメニューの項目を外部ファイルから読み込ませたいのですが、(javascriptを知らない人でも項目を変更できるように) たとえば、ここのサイトのようにhttp://www.kyoto-su.ac.jp/~ushitaki/JavaScriptExample/introselect2.html 左のメニューの項目を選んだら、右の項目は左の項目にそった選択肢になるという形にしたいのです。 この場合どのようなやり方がありますでしょうか。ご教授のほどよろしくお願いいたします。 また、似たようなセレクトメニューがあるURLをご存知の方がいたら教えてください。よろしくお願いいたします。