• ベストアンサー

プルダウンメニューのリンク

毎度お世話になっております。 今回聞きたいことは、テーブル内でプルダウンメニュ ーを左のTDタグへ入れ、選択された商品の画像を右の TDタグ内へ表示できるかどうかです。 <例> ┌――──────────────────┐ │              │     │ │ここにプルダウンメニュー  │ここに画像│ │(商品名が入ります)    │(選択され│ │              │ た商品)│   └────────────────────┘ こんな感じですが、可能でしょうか? よろしくお願いいたします。

  • HTML
  • 回答数2
  • ありがとう数3

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

  • ベストアンサー
  • Struts
  • ベストアンサー率48% (29/60)
回答No.2

JavaScriptで行います。 プルダウンのonChangeイベントでイメージのscrを入れ替えます。 下記、URLのsamplesコーナーのマウス属性とフォーム属性が参考になります。ズバリの記述は無いですが、組み合わせれば出来ます。

参考URL:
http://www.usagi-js.com/
gotchan
質問者

お礼

すばらしいサイトを紹介して頂きありがとうございました。 自分でもJS勉強せんといかんな~と思っていたので、これを機にちょっと頑張ってみます。 ありがとうございました。

その他の回答 (1)

  • fluffy
  • ベストアンサー率29% (87/293)
回答No.1

画像表示時に名前を付けてjavascriptで表示対象を変更すれば出来るように思います。

gotchan
質問者

お礼

早速の解答ありがとうございます。 申し訳ございませんが当方JSは全くの素人なんです。 >画像表示時に名前を付けて これは、画像に名前をつける? >javascriptで表示対象を変更すれば出来る ?? 「全部教えて!」とは言いませんので、お手数ですが、 参考URL等ございましたら教えていただけると非常に助かります。

関連するQ&A

  • プルダウンメニューから2つのインラインフレーム内を切り替える

    タイトルの通りなのですが、教えてください。 同じウインドウ内に、プルダウンメニューと2つのインラインフレームがあります。 左のインラインフレームにはjpgのイメージ、右のインラインフレームにはテキストが入ります。 プルダウンメニューは、A支店、B支店などの支店名が表示されます。 プルダウンメニューの支店名を選択して、GOボタンをクリックしたら、インラインフレーム内に選択した支店のjpgイメージと、説明のテキストを表示されるには、どのように記述したらよいですか?

  • プルダウンメニューで画像を切り替え

    初心者のため、質問の的を得ないかもしれませんが よろしくお願いいたします。 商品の注文にフォームを使おうと思っています。 プルダウンメニューから商品名を選択 (例:<option value="1" >日本酒 5000円</option>) →その商品の画像が表示される そこまでは良いのですが、その情報をそのまま送信(submit)だと 送信される結果が「1(value="1")」になってしまいます。 これを商品名で表示させるにはどうすれば良いでしょうか?

  • プルダウンメニューのリンク

    こんばんは!上記の件なのですが、プルダウンメニューのリストの中の例えばリンク1は、フレームの右に表示、リンク2は左に表示、リンク3は、フレームを無視して全画面に表示というようなリンクの設定をしたいのですが、お願い致します。プルダウンのボタンを1個で振り分けるのは、できないのでしょうか?宜しくお願いします。

  • エクセル プルダウンメニューリンク

    Excel 2003 です。     プルダウンメニューから参照されるデータが入力されるテーブルを複数シート(3つ)に貼り付けて、全てリンクさせたいのですが可能でしょうか?  "SheetAAA" A1 セルに プルダウンメニュー がありこちらは他作業シート"SSS" にリンクしていて、例えば 鉛筆/消しゴム/定規 などの項目を選択すると作業用シートで対応した 50円/100円/300円 などが B1 セルに入力されます。  この"SheetAAA" A1セルに あるものと同じものを "SeetBBB" A10 に貼り付けてB10にも金額を、そして"SheetCCC" の D10にも貼り付けてE10に金額、しかしどのシートのプルダウンメニューから商品を選択しても(例えば鉛筆)全てのシートに同じ値(鉛筆)が表示され、隣に対応金額が出るようにしたいのですが。  簡単に言うと、全てのシートで同時に動くプルダウンメニュー・・でしょうか。 分かる方いたらお願いします。   

  • プルダウンメニューで・・・。

    <SELECT>タグのプルダウンメニューで、 複数選択は可能でしょうか? 以前どこかのホームページで、Shiftキーを押しながらできたと思うのですが・・・。

    • ベストアンサー
    • HTML
  • 【PHP】プルダウンメニューとリンク

    またPHPに関して質問させていただきます。 この質問 (http://okwave.jp/qa5492047.html) の続きにあたりますが、 プルダウンメニューにデータベースの内容を反映させることはできました。 しかし今度はそのプルダウンメニューを選択した後、「決定」等のボタンを押すと、プルダウンで選択した内容のページに飛ばすといったことを行いたいのです。 例) ------------------------------------- 「朝」を選択した状態で「決定」ボタンを押す。    ↓ 「おはようございます」と次ページで表示される。 「昼」を選択した状態で「決定」ボタンを押す。  ↓ 「こんにちは」と次ページで表示される。 ------------------------------------- このようにしたいのですが、どなたか教えていただけませんか。 それと、このようなPHPのリンク関連に詳しく掲載しているサイトを教えていただけたら嬉しいです。 どうかよろしくお願いします。

    • ベストアンサー
    • PHP
  • フレームを使ったプルダウンメニュー

    フレームで「ヘッダー・左メニュー・右メインページ」というように3分割にし、左メニューに置いたプルダウンから項目を選ぶと右メインに表示される、という構造にしたいと思っています。 <HEAD>~</HEAD>内↓ <script language="JavaScript"> function jump(form) { var myindex=form.destination.selectedIndex window.open(form.destination.options[myindex].value, target="main"); } //--> </SCRIPT> プルダウン部分↓ <FORM NAME="form"> <SELECT NAME="destination"> <OPTION VALUE="a.html" SELECTED>あ</OPTION> <OPTION VALUE="k.html">か</OPTION> <OPTION VALUE="s.html">さ</OPTION> <OPTION VALUE="t.html">た</OPTION> <OPTION VALUE="n.html">な</OPTION> </SELECT> <INPUT TYPE="image" SRC="go.gif" onClick="jump(this.form)" BORDER="0"> </FORM> という様に記述した所、例えばプルダウンで「た」を選択した場合、右フレームにちゃんとt.htmlが表示されるのですが、左フレームのプルダウンの項目が「あ」に戻ってしまいます。「た」を選択した状態のまま残したいのですが。 ちなみにボタンに画像を使わず、<INPUT TYPE="button" ・・・・>にするとなぜか「た」選択の状態でちゃんと残ります。でも、できれば画像を使いたいのです。 うまいやり方をご存じの方は、教えていただけますか。おねがいします。

  • ロールオーバー式プルダウンメニューでタグの書き方を教えてください。

    いつもお世話になります。 ホームページのタグのことですが現在、termsmenu.gifという画像の上にマウスを置くと「プルダウンメニュー1」が表示されるように下記タグを書き込んでいます。 <IMG src="termsmenu.gif" onmouseover="pdMenu('Menu1')" width="88" height="26"> 今回、画像の代わりに特定の文字列、たとえば「総合メニュー」の上マウスを置くとすると、「プルダウンメニュー1」が表示されるようにしたいのですが、タグをどのように書けば良いか教えてください。 よろしくお願いします。

  • プルダウンメニューでインラインフレームを・・・

    インラインフレームの内容(ファイル)を、プルダウンメニューで選択して変更できるようにしたいのですが、どういう風にスクリプトを書けばいいのでしょうか? 「プルダウンメニューで画像を変える」スクリプトは見つけたのですが・・・・・・。

  • プルダウンメニューの表示位置について

    画面左端にあるプルダウンメニューを表示すると画面からはみ出してしまい、メニューが読めません。ちなみに、視力が低いため、ユーザー補助の機能を使って文字を大きく表示しています。この状態で、プルダウンメニューが読めるようにするにはどうしたらいいですか?(左方向にプルダウンメニューが出てくるので、右方向にでてくるようにしたいのですが)

専門家に質問してみよう