プルダウンメニューの項目をクリックしてもリンク先に

2023/09/06 00:24

このQ&Aのポイント

プルダウンメニューの項目をクリックしてもリンク先が開かないのですが！？何かミスがあるでしょうか！？
プルダウンメニューの項目をクリックしてもリンク先に移動しない問題が発生しています。原因を突き止めるためには、以下の点を確認してください。
プルダウンメニューのJavaScriptコードが正しく設定されていない可能性があります。設定を見直し、再度試してみてください。

ベストアンサー

プルダウンメニューの項目をクリックしてもリンク先に

2014/09/30 20:47

<HTML> <HEAD> <TITLE>リンク先をプリダウンメニューで表示したい</TITLE> <SCRIPT LANGUAGE="JavaScript"> </SCRIPT> </HEAD> <BODY> <FORM NAME="form01"> <SELECT NAME="url" onChange="linkMenu(this.selectedlndex)"> <OPTION>クリックして選択してね <OPTION>e-support <OPTION>Office TAKASAKU </SELECT> </FORM> </BODY> </HTML> 以上ですが　プルダウンメニューの項目をクリックしてもリンク先が開かないのですが！？何かミスがあるでしょうか！？　宜しくお願いします。

Campus2
お礼率47% (226/475)

JavaScript
回答数2
ありがとう数1

みんなの回答 （2）
専門家の回答

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

ベストアンサー

ONEONE
ベストアンサー率48% (279/575)

2014/09/30 21:22 回答No.1

document.locationてはなくてlocation.hrefではないですか？ document.form01.url.selectedlndex = 0; は意味がないような気がします。

質問者

お礼 2014/09/30 22:17

jikoレスですが　ネットで調べたらでたきました。関係はないのですが！　中島みゆきの糸を堪能してください。  <html><head><meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>リンク先をプルダウンメニューにしたい</title> <script language="JavaScript"> </script> </head> <body> <form name="form01"> <select name="url" onchange="linkMenu(this.selectedIndex)"> <option>クリックして選択してね </option><option>中島みゆき　糸歌詞 </option><option>命の別名/糸 </option></select> </form> <div id="UMS_TOOLTIP" style="position: absolute; cursor: pointer; z-index: 2147483647; top: -100000px; left: -100000px; background: transparent;"><img id="ums_img_tooltip" class="UMSRatingIcon" src=""></div></body><umsdataelement id="UMSSendDataEventElement"></umsdataelement><div id="TAG_ID4TOOLBAR_UMS_GUID" style="display: none;">B0CF48D6-85B3-A19C-C1C8-5E6ADA55D76D</div><div id="tmtoolbar_ums_injected" style="display: none;">init_ums</div></html>

質問者

補足 2014/09/30 21:53

御回答まことにありがとうございました。　私は素人なのでよくわからなかったので！　とりあえず以下としましたが！だめでした？　どこをどう変えたらいけそうですか！　お手数ですが宜しくお願いします。 <HTML> <HEAD> <TITLE>リンク先をプリダウンメニューで表示したい</TITLE> <SCRIPT LANGUAGE="JavaScript"> </SCRIPT> </HEAD> <BODY> <FORM NAME="form01"> <SELECT NAME="url" onChange="linkMenu(this.selectedlndex)"> <OPTION>クリックして選択してね <OPTION>e-support <OPTION>Office TAKASAKU </SELECT> </FORM> </BODY> </HTML>

その他の回答 (1)

ONEONE
ベストアンサー率48% (279/575)

2014/09/30 22:20 回答No.2

linkMenu(this.selectedIndex) のIndexが"l"indexになってました（笑）

関連するQ&A

リンク
フォームを使ったリンクがありましたので、やってみましたらこれは、できました。それで、「同じページ」で、こんな感じのを、「別」のを作ろうとしたのですが、できませんでした。 (動作が変でした) 「もう一種類」。別のを作るには、どうしたらいいのでしょうか? よろしくお願いいたします。 (↓これと同じでなくてもいいです) <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript">  </SCRIPT> </HEAD> <BODY> <FORM name="myform"> <SELECT name="mysel" onChange="selLink()"> <OPTION value="">クイックリンク <OPTION value="index.html">トップページ <OPTION value="page12.html">解説ページ </SELECT> </FORM> </BODY> </HTML>
- ベストアンサー
- JavaScript
プルダウンから飛んだページにアクセスする方法
アクセスする事が出来なくて困っています。初歩的なもので申し訳ないのですが、よろしくお願いします。 <HTML> <HEAD> <TITLE> </TITLE> <script language="javascript">  </script> </HEAD> <BODY> <form method=post> <select name="navi"> 　<option value　a href="URL">リンク <option value　a href="URL">リンク１ <option value　a href="URL">リンク２ <option value　a href="URL">リンク３ </select> <input type=button value="ジャンプ" onClick="location.href =(this.form.navi.options[this.form.navi.selectedIndex].value)"> </form> </BODY> </HTML>
- 締切済み
- JavaScript
プルダウメニューの項目をクリックして！ページを開く
Jaba Scriptでプルダウンメニューを作成して、項目をクリックすればページが開くホームページを作成中です。　参考書片手に現在頑張っているところですが！　以下がその参考書のプログラムです。 ------------------------------------------------------　 <HTML> <HEAD> <TITLE>リンク先をプリダウンメニューで表示したい</TITLE> <SCRIPT LANGUAGE="JavaScript"> </SCRIPT> </HEAD> <BODY> <FORM NAME="form01"> <SELECT NAME="url" onChange="linkMenu(this.selectedlndex)"> <OPTION>クリックして選択してね <OPTION>e-support <OPTION>Office TAKASAKU </SELECT> </FORM> </BODY> </HTML> ----------------------------------------------------------- 　以上のプログラムの11行目の　http://www.k-support.gr.jp/index.html 　　HPファイルの”トップページ”アドレスだと思います。　それでは13行目の　http://www.takasaku.co.jp 　のアドレスはいったい何のアドレスでしょうか！　　プルダウンメニューは簡単にできますが　プルダウンメニューから　「項目を選択」→「クリック」・すればそのページが開くといったようなごく普通のHPを開く場合の流れですが、ページへリンクさせるには以上プログラムで　本当にできるのでしょうか！？　　たとえば！以上のプログラムの中の <OPTION>e-supportでe-supportを　　クリックすれば　　　http://homepage3.nifty.com/mtaiyo/9%E2%96%B3ABC.JPG 　のアドレスへのページが出てくるようにしたいのですがどうしたら出来るのでしょうか！？ちなみに　トップページのアドレスは　http://homepage3.nifty.com/mtaiyo/です。　　宜しくお願いします。
- ベストアンサー
- JavaScript
プルダウンメニューのリンクで別ウインドウを開く
下記のようなプルダウンメニューを作成したのですが、同じウインドウ内でリンクするのではなく別ウインドウで開くようにするにはどこを変更すればよいのでしょうか？ head内>>>>>>>>>>>>> <script language="JavaScript" type="text/JavaScript">  </script> body内>>>>>>>>>>>>>> <form name="fm0"> <select name="links"> <option selected>＜ここから選択してください＞</option> <option value="aaa.html">あああ</option> <option value="bbb.html">びびび</option> </select> <input name="BUTTON" TYPE=BUTTON onClick="gotoURL('fm0')" VALUE="GO!"></form>
- ベストアンサー
- グラフィックソフト
プルダウンメニューリンクを新しいウインドウで表示させたい
ホームページビルダー11を使っています。プルダウンメニューからリンク先を「新しいウインドウ」で表示させるにはどのようにしたらよろしいのでしょうか。ご指導よろしくお願い致します <SCRIPT language="JavaScript">  </SCRIPT> <FORM name="quick" action="./"><SELECT name="url" onchange="quicklink(this.form.url.options[this.form.url.selectedIndex].value)" size="1" tabindex="1"> <OPTION selected>■ リンク先を選んでクリック ■ </OPTION> <OPTION value="index.htm">その１</OPTION> <OPTION value="index-2.htm">その２</OPTION> <OPTION value="index-3.htm">その３</OPTION> </SELECT>←関連リンク先</FORM> <TABLE width="100%" border="1" cellpadding="0" cellspacing="0" class="hpb-subh02">
- ベストアンサー
- ホームページ作成ソフト
セレクトメニューで
セレクトメニューでフレームを使った、複数のセレクトメニューで今の状態だと、上のセレクトメニューは問題ないのですが下のセレクトメニューで選択すると、上のセレクトメニューの「更新」になるだけになってしまいます。要所の所だけ、記載しますので間違ってるところを教えてください。 <script type="text/javascript">  </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>
- 締切済み
- JavaScript
プルダウンから飛んだページを別ウインドウで開く方法
初歩的なJavaScriptで申し訳ないのですが、ご教授願いします。下記のプルダウンのJavaScriptで、例えばヤフーと言う部分を選択し、飛ぶをクリックするとヤフーに飛びますが、その際ヤフーにとんだページを別ウインドウで表示させたいのですが、お分かりの方いらっしゃいましたらこの素人に教えてください・・ <HTML> <HEAD> <script language="javascript">  </script> </HEAD> <BODY> <form method=post> <select name="navi" size="10" "abc" onChange="document.b.submit()"> <option value="http://www.yahoo.co.jp/">ヤフー </select> <input type=button value="飛ぶ" onClick="location.href = this.form.navi.options[this.form.navi.selectedIndex].value"> </form> </BODY> </HTML>
- ベストアンサー
- JavaScript
プルダウンのメニューを表示を2つ設定。
プルダウンのメニューを表示を2つ設定したいのですが、どこが間違っているのでしょうか。基本的にjsは、セレクタ名がかぶっていれば、機能しなくなります。間違いをご指摘ください。 <!DOCTYPE html> <html> <head> <title></title> <script language="javascript" type="text/javascript"> function selectboxChange() { var val1 = document.forms.form1.Select1.value; var target = document.getElementById("output"); if (val1 == "要素1") { target.innerHTML = "合っています。"; } else { target.innerHTML = "間違っています。"; } } </script> </head> <body> <form name="form1" action=""> <select id="Select1" onchange="selectboxChange();"> <option>---</option> <option value1 == "要素1">要素1</option> <option>要素2</option> <option>要素3</option> <option>要素4</option> <option>要素5</option> </select> </form> <div id="output"></div> </body> </body> <script language="javascript" type="text/javascript"> function selectboxChange11() { var val11 = document.forms.form11.Select11.value; var target = document.getElementById("output11"); if (val11 == "要素11") { target.innerHTML = "合っています。"; } else { target.innerHTML = "間違っています。"; } } </script> </head> <body> <form name="form11" action=""> <select id="Select11" onchange="selectboxChange11();"> <option>---</option> <option value11 == "要素11">要素1</option> <option>要素2</option> <option>要素3</option> <option>要素4</option> <option>要素5</option> </select> </form> <div id="output11"></div> </body> </body> </html>
- ベストアンサー
- JavaScript
プルダウンからリンクをthicboxで開くには？
プルダウンからリンクをthicboxで開くには？宜しくお願い致します。プルダウンでリンク先を選択し、そのリンク先のページをthicboxで表示させたく試行錯誤しているのですがうまくいきません。 thicboxでリンク先を開くためには、プルダウンのJavascriptをどのように修正すればよいのでしょうか？ ■プルダウンでリンクさせるJavascriptとhtmlコード <html> <head> <script type="text/javascript"> function navi(obj) { url = obj.options[obj.selectedIndex].value; if(url != "") { location.href = url; } } </script> </head> <body> <form> <select name="navi"> <option value=""> --- リンクメニュー --- </option> <option value="http://www.yahoo.co.jp/">Yahoo!</option> <option value="http://www.goo.ne.jp/">Goo</option> </select> <input type=button value="表示する" onClick="location.href = this.form.navi.options[this.form.navi.selectedIndex].value"> </form> </body> </html> ■thicboxでURLを開くときのコード ※jquery.jsやthicbox.js、cssファイル等の外部ファイルの記述は省いております。 <a href="http://www.yahoo.co.jp?TB_iframe=true&width=800&height=500" class="thickbox">リンクテキスト</a> ※width・heightは適当に入れている数字です。分かりづらい説明で申し訳ありません。補足説明致しますので、どうかご教授下さいますようお願い致します。
- ベストアンサー
- JavaScript
プルダウンメニューからインラインフーム内を操作する
表題のようなものをjavascriptとフォームを使って用意しましたが、IE6、IE7の環境で試験しましたが問題ありませんでした。ところが、これをFirefoxで動かすと、プルダウンで選択してもインラインフレームはまったく変化しませんでした。どちらでも動作するようにしたいのですがどのように改変すればよろしいでしょうか。初心者でとんでもない間違いをしているかもしれませんが、どうかご教授ください。現在以下のような記述になっていますインラインフレーム名：inpage  <script type="text/"> function jump(){ var url=document.form1.select1.options[form1.select1.selectedIndex].value; if (url!="") document.inpage.location.href = url; } </script>   <FORM NAME="form1"> <SELECT NAME="select1" onChange="jump()"> <option value="">選択してください <option value="AAAAA.html">AAAAA <option value="BBBBB.html">BBBBB <option value="CCCCC.html">CCCCC </SELECT> </FORM> 
- 締切済み
- JavaScript