• ベストアンサー

↓の質問:テキストではなく、セレクトボックスでした。

セレクトボックスでメニューを選んだら リンク先にジャンプするようにしたいのですが・・。 どうしたらいいですか?教えてください。

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

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

  • ベストアンサー
  • dagtrio
  • ベストアンサー率40% (19/47)
回答No.2

<form> <select onChange='location.href=this.options[this.selectedIndex].value'> <OPTION selected>メニュー <OPTION value=自己紹介のURL>自己紹介 <OPTION value=日記のURL>日記 <OPTION value=掲示板のURL>掲示板 </select> </form> こんな感じでいかがでしょう?

smile1128
質問者

お礼

こんな短いタグでも出来るんですね・・。 勉強になりました!!

その他の回答 (2)

  • kaadii
  • ベストアンサー率18% (2/11)
回答No.3

*~*のところを自分の好きな風に書き換えてください。 これで出来ますよ。 <HTML> <HEAD> <SCRIPT Language="JavaScript"> <!--// function navi(url){ Open = window.open(url); Open.location = url ; } function navi_1(url){ location = url ; } // --> </SCRIPT> </HEAD> <BODY> <FORM METHOD=POST NAME="site1" onSubmit="navi_1(document.site1.dlist1.options[document.site1.dlist1.selectedIndex].value); return false;"> <SELECT NAME="dlist1" onChange="navi_1(document.site1.dlist1.options[document.site1.dlist1.selectedIndex].value)"> <OPTION VALUE="*リンクのURL*">*リンク名*</OPTION> </SELECT> </FORM> </BODY> </HTML>

smile1128
質問者

お礼

ありがとうございました!! すっごく参考になりました!!

  • makimaki7
  • ベストアンサー率38% (7/18)
回答No.1

javascriptを使用してみてください。 こちらのサイトにサンプルがあります。↓ 参考までにどうぞ。 http://www.msu.edu/user/okadakat/jskowaza.htm http://www.interq.or.jp/pink/taka1112/javascript/index.html どちらも「ドロップダウンメニュー」という名で紹介されています。 また、他のjavascriptがいいのならば ↓こちらで探してみるのもよいかもしれません。 http://web.plaza.gaiax.com/javascript.htm

smile1128
質問者

お礼

たくさんの参考URLを出して頂いて ありがとうございました!そこで勉強させてもらいます!

関連するQ&A

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

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

  • セレクトボックスのボタンにリンクを張りたい

    下記のHTML文においてセレクトボックスの表示ボタンを押したら、リンク先にジャンプをしたいのですがその方法を教えていただけませんか. <FORM ACTION='' METHOD='POST'> <SELECT name="code"> <OPTION value='1'>A</OPTION> <OPTION value='2'>B</OPTION> </SELECT> <INPUT TYPE=SUBMIT VALUE='表示'>

    • ベストアンサー
    • PHP
  • テキストボックスでリンク

    テキストボックスでリンクをするにはどうしたらいいですか? 文字を選んだら、リンク先にジャンプするようにしたいのですが・・。 タグ??などを教えてください。

  • テクストボックスからセレクトボックスへ

    1.テキストボックスにテキストを入力 2.追加ボタンを押す 3.セレクトボックスに表示 4.セレクトボックスに追加した項目を選択し削除ボタンで削除できる 以下のようなプログラムを教えていただけますでしょうか?

  • セレクトボックスを切り替えるとテキストボックスの中身が消える

    セレクトボックスを切り替えるとテキストボックスの中身が消えるというのはJavaScriptでできますか?書き方が分かりません。教えてください。例えばセレクトボックスの中身を"新規作成"にしたとき。消えてくれればうれしいです。

  • テキストボックスとセレクトボックスの選択肢の連携

    この度はお世話になります。 1個のテキストボックスに入力された文字列により、その後の1個の セレクトメニューの選択肢を変更することってできるのでしょうか? 具体的には以下のような動作です。 ・デフォルトではテキストボックスに文字列が入力された場合は、  その後のセレクトボックスには「トマト、きゅうり、ほうれんそう」  の選択肢が入る。 ・テキストボックスに「あいうえお」と入力された時のみ、その後の  セレクトボックスが「りんご、みかん、ぶどう」の選択肢に変わる。 ・テキストボックスに「かきくけこ」と入力された時のみ、その後の  セレクトボックスに「あじ、さば、かつお」の選択肢に変わる。 こんな感じですが、よろしくお願い致します。 当方、只今javascriptを勉強しており、条件式に苦戦しております。 サンプルプログラムを見せていただけるとありがたく思います。

  • セレクトメニューと複数のテキストボックス連携

    お世話になります。セレクトメニュー1個と複数(2個)の テキストボックスに連携についてお尋ねします。 セレクトメニュー1個の選択肢が「aaa」「bbb」「ccc」とあり、 「aaa」を選んだら、その value がテキストボックス1に「111」が入り、それと同時にテキストボックス2に「アルファベットの1番目」と入り、 「bbb」を選んだら、その value がテキストボックス1に「222」が入り、それと同時にテキストボックス2に「アルファベットの2番目」と入り、 「ccc」を選んだら、その value がテキストボックス1に「333」が入り、それと同時にテキストボックス2に「アルファベットの3番目」と入る、 ようにしたいのですが、どのような記述にしたらよろしいのでしょうか? よろしくお願い致します。

  • セレクトメニューで選んだ値をテキストボックスへ

    4個のセレクトメニューで選択した値(文字列)を、自動で1個のテキストボックス(INPUT)に連結して入力する方法はありますか? 例えば SelectMenuAで、「あい」を選択。       SelectMenuBで、「うえ」を選択。       SelectMenuCで、「おか」を選択。       SelectMenuDで、「きく」を選択。 その後に配置してあるテキストボックスに「あいうえおかきく」が表示される かたちです。 当方javascriptを勉強中の身で、サンプルプログラムをお見せいただけ ればと思います。 テキストボックスの値の連結ならできるのですが、セレクトメニューの選択値で 同じことをすることに手こずってます。

  • セレクトボックスについて

    現在、PHP画面を使って登録画面を作成しています。 必要事項を打ち込んだら、「確認」のボタンを押し、ページジャンプして 打ち込んだ内容を確認させその内容でよければ「登録」ボタン、 修正したければ「修正」ボタンといった流れで、修正ボタンを押すと 必要事項を打ち込んだ画面に戻るようにしているのですが、 その際、セレクトボックス(<select>)に最初に打ち込んだ内容を表示させたいのですが どうしたらいいのでしょうか? (最初にセレクトボックスで「男」を選択していたら修正で戻っても「男」が選択されているようにしたい) input typeのtextで打ち込んだ内容はセッションと変数を使ってvalueに値を入れたら 表示することができたのですが… 回答お待ちしています。

    • ベストアンサー
    • PHP
  • 2つのセレクトボックスで選ばれた結果をテキストボックスに入れたい

    フォーム内に▼次のような2つのセレクトボックスと1つのテキストボックスがあります。 お支払い方法と配送方法を選んだときにそれぞれに対応した送料をテキストボックスに入れるにはどうしたらよいでしょうか? -------------------------------------- お支払い方法:[ 代金引換 ▼] 配送方法:  [ 宅配便  ▼] 送料:    [ 800円   ]     -------------------------------------- ●セレクトボックス1:お支払い方法 銀行振込、郵便振替、代金引換 ●セレクトボックス2:配送方法 郵便、宅配便 ●テキストボックス:送料 ※ユーザーが変更することはできない。 セレクト |セレクト |テキスト ボックス1|ボックス2|ボックス -----------------   銀行振込 |郵便   |200円 銀行振込 |宅配便  |600円 郵便振替 |郵便   |200円 郵便振替 |宅配便  |600円 代金引換 |郵便   |400円 代金引換 |宅配便  |800円 http://www.ueda.info.waseda.ac.jp/~gaku/js/how013.html http://www.openspc2.org/reibun/javascript/form_textfield/007/index.html 上記URLを参考に試行錯誤しているのですが期待どおりに動作しないため、こちらに投稿させていただきました。 Javascriptはかろうじて読むことは可能ですが、自分で書くことがままならいレベルです。どうぞよろしくお願いいたします。

専門家に質問してみよう