以下のようなプルダウンメニューを作りましたが
例えば 【トヨタ】を選択すると同時に指定のアドレスへリンクさせるためにはどうしたら良いのでしょうか?
わかる方よろしくお願いします。
<select name="sougoLINK" size="1">
<option value="トヨタ" >トヨタ</option>
<option value="日産" >日産</option>
<option value="ホンダ" >ホンダ</option>
<option value="マツダ" >マツダ</option>
<option value="三菱" >三菱</option>
<option value="スバル" >スバル</option>
<option value="いすゞ" >いすゞ</option>
<option value="ユーノス" >ユーノス</option>
<option value="スズキ" >スズキ</option>
<option value="ダイハツ" >ダイハツ</option>
<option value="日本フォード" >日本フォード</option>
<option value="日野" >日野</option>
<option value="レクサス" >レクサス</option>
<option value="その他" >その他</option>
</select>
No.3ベストアンサー
- 回答日時:
求めて居られるものかは不明ですが・・・リンクは正常にします。
------以下----------------------------------------------------
<HTML>
<HEAD>
<TITLE>総合リンク</TITLE>
<SCRIPT TYPE="text/javascript">
<!--
// 設定開始
// (フレームの場合は、表示先のフレーム名を設定してください)
// (top を指定すると、フレームの分割を廃止して画面全体で表示します)
// (blank を指定すると、新規ウィンドウで表示します)
var target = "";
// 設定終了
function jump(){
var url = document.form1.select.options[document.form1.select.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>
<FORM NAME="form1">
<SELECT NAME="select" onChange="jump()">
<OPTION VALUE="">選択してください
<OPTION VALUE="http://www.toyota.co.jp/">トヨタ:グローバルサイト
<OPTION VALUE="http://www.nissan.co.jp/">日産
<OPTION VALUE="http://www.mazda.co.jp/home.html">マツダ
<OPTION VALUE="../../javascript/index.html">三菱
<OPTION VALUE="../../color/index.html">スバル
<OPTION VALUE="http://www.toyota.co.jp/">いすゞ
<OPTION VALUE="../../html_tag/index.html">ユーノス
<OPTION VALUE="../../stylesheet/index.html">スズキ
<OPTION VALUE="../../javascript/index.html">ダイハツ
<OPTION VALUE="../../color/index.html">日本フォード
<OPTION VALUE="../../stylesheet/index.html">日野
<OPTION VALUE="../../javascript/index.html">レクサス
<OPTION VALUE="../../color/index.html">その他
</SELECT>
</FORM>
</BODY>
</HTML>
------------------------以上------------------------------------
お試しください...maoo2022 でした
No.5
- 回答日時:
おはようございます。
回答者:maoo2022 です。私もやっと今、ブログへの搭載をおわり来てみました。
なんか変・ですね。
?マークはなぜついているのでしょう。
デスクトップでの試験ではどうだったのかな。
?マークが取れないと多分リンク機能が無効のままだと思います。
私も設置の際に、少し変だなと思われることが一点ありました。
最初テストでタグを貼り付け、OKだったので(左サイドバー最下部)残したまま現在の位置に貼り付け動作確認を行ったところリンク機能が無効というか動きませんでした。
最初のタグを隠しファイル(非表示)に設定をしなおし確認したらOKでした。
考えますに、この(text/javascript)は競合の関係で何か問題があるのではと、今思案中です。
TAG indexの各種掲示板です。
http://www.tagindex.com/bbs/index.html
セレクトボックスでリンクする(選択のみ)
http://www.tagindex.com/javascript/link/select1. …
上記のURLを参照、願います。
No.4
- 回答日時:
おはようございます。
回答者:maoo2022 です。質問の内容でHTMLタグのサンプルが出来ました。
----------------------ここから-----------------------------------------
<HTML>
<HEAD>
<TITLE>総合リンク</TITLE>
<SCRIPT TYPE="text/javascript">
<!--
// 設定開始
// (フレームの場合は、表示先のフレーム名を設定してください)
// (top を指定すると、フレームの分割を廃止して画面全体で表示します)
// (blank を指定すると、新規ウィンドウで表示します)
var target = "";
// 設定終了
function jump(){
var url = document.form1.select.options[document.form1.select.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>
<FORM NAME="form1">
<SELECT NAME="select" onChange="jump()">
<OPTION VALUE="">選択してください
<OPTION VALUE="http://www.toyota.co.jp/">トヨタ:グローバルサイト
<OPTION VALUE="http://www.nissan.co.jp/">日産
<OPTION VALUE="http://www.mazda.co.jp/home.html">マツダ
<OPTION VALUE="http://www.mitsubishi-motors.co.jp/">三菱
<OPTION VALUE="http://www.subaru.jp/">スバル
<OPTION VALUE="http://www.isuzu.co.jp/">いすゞ
<OPTION VALUE="http://www.roadster.mazda.co.jp/">ユーノスロードスター
<OPTION VALUE="http://www.suzuki.co.jp/">スズキ
<OPTION VALUE="http://www.daihatsu.co.jp/index_f.htm">ダイハツ
<OPTION VALUE="http://www.ford.co.jp/servlet/ContentServer?page …日本フォード
<OPTION VALUE="http://www.hino.co.jp/j/index.html">日野
<OPTION VALUE="http://lexus.jp/">レクサス
<OPTION VALUE="http://www.jada.or.jp/contents/data/ranking/inde …その他
</SELECT>
</FORM>
</BODY>
</HTML>
----------------------ここまで------------------------------------------
このタグをペーストしてUTF-8で[任意の名前.htm]ファイルで
保存して、デスクトップで開き確認してみてください。
*このタグはmaoo2022もブログで使用の予定です。
この回答への補足
やってみましたがこんな感じになります
http://techno777.com/sample.html
こういう場合はどうやったらいいのでしょうか?
ナンカ変な感じになっちゃうんですが(汗
No.2
- 回答日時:
>指定のアドレスへリンクさせる
の意味がよくわからないのですが、単純に飛ばしたいなら
以下のようにしてください。
もっと複雑なことをやる場合は、関数化したほうがよいかもしれませんね。
<form>
<select name="sougoLINK" size="1" onChange="if(this.value)location.href=this.value">
<option value="" >選択してください</option>
<option value="http://toyota.jp/" >トヨタ</option>
<option value="http://www.nissan.co.jp/" >日産</option>
<option value="" >以下略・・・</option>
</select>
</form>
この回答への補足
ありがとうございます!!
求めていたものはこの方法です!!
しかし、携帯(AU)で見るとプルダウンメニューがラジオボタンに変換されて表示されてしまいます。
その場合の対処策っていうのはどの様になるかご存じないでしょうか?
上記 間違いです <form>タグを入れ忘れてました!
しかし<form>~</form>で囲って表示させた所プルダウンメニューは表示されたのですが、リンク先に飛びません。
機種はAU W52Tです
なんでかなぁ?
No.1
- 回答日時:
以下のページがそのまま回答になると思います。
極短JavaScriptでプルダウンメニューを作る - [ホームページ作成]All About
http://allabout.co.jp/internet/hpcreate/closeup/ …
onChangeイベント発生時にlocation.hrefで移動するだけなので説明不要ですね(汗;
参考URL:http://allabout.co.jp/internet/hpcreate/closeup/ …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
セレクトメニューで2つの項目...
-
セレクトボックスのselected属...
-
複数列を持ったリストボックス...
-
プルダウンのグループ化で、ラ...
-
文字の横にプルダウンを表示さ...
-
プルダウンメニューのターゲッ...
-
selectタグ内の特定のoptionの...
-
プルダウンメニューがプルアップに
-
【HTML5】selectにrequierd
-
インライン要素内でテキストを...
-
JSONで文字列が長い時
-
Application.ScreenUpdating = ...
-
VBAでPDFのコピーとリネームを...
-
16進の10進変換について
-
formで特定のinputを送信しない...
-
C言語のflagの使い方が分かりま...
-
c言語 16進数の2進数への変換
-
ランダムリンク(ランダム表示...
-
VB6で、長い時間かかる処理...
-
バッチファイル 戻り値
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
文字の横にプルダウンを表示さ...
-
<SELECT>タグの折り返し
-
セレクトメニューで2つの項目...
-
テーブル内でドロップダウンメ...
-
セレクトボックスのselected属...
-
複数列を持ったリストボックス...
-
同じものを繰り返し表示させる
-
セレクトボックスから別窓にジ...
-
セレクトボックスの「選択して...
-
セレクトボックスである項目を...
-
プルダウンメニューの幅
-
SELECT OPTIONの中身をコピペ...
-
プルダウンリストの背景色の指定
-
selectタグ内の特定のoptionの...
-
ドロップダウンリストのselecte...
-
【プルダウンで選んでGOボタン...
-
セレクトメニューで選んだ値を...
-
セレクトボックスの中を一部隠...
-
プルダウンメニューのターゲッ...
-
HTMLでメディアプレイヤーの再...
おすすめ情報