最近ホームページを作ったばかりなのですが、
<SELECT>のメニューの一つにリンクをはるにはどうしたらいいのでしょうか?
どなたか教えて下さい、お願いします。

このQ&Aに関連する最新のQ&A

A 回答 (3件)

<FORM>


<SELECT name="link" onchange="location=this.options[this.selectedIndex].value">
<OPTION selected>ページを選んでください</OPTION>
<OPTION value="(リンク先1)">ページ1</OPTION>
<OPTION value="(リンク先2)">ページ2</OPTION>
<OPTION value="(リンク先3)">ページ3</OPTION>
<OPTION value="(リンク先4)">ページ4</OPTION>
</SELECT>
</FORM>

これでも良いみたいです。
と言っても,確認はIE6だけですが・・・。
    • good
    • 0
この回答へのお礼

回答ありがとうございます!
最近はIE6ばかりなんで問題はないでしょう。

お礼日時:2002/03/14 23:28

ん?


それって、ドロップダウンメニューを作りたいということでしょうか?
つまり、例えば、↓のように出して、どれかを選ぶと画面が変わるような?
┏━━━━━━━━━┳━┓
┃国を選んでください┃▼┃
┃日本       ┣━┛
┃アメリカ     ┃
┃カナダ      ┃
┃中国       ┃
┗━━━━━━━━━┛
みたいにして、国を選ぶとジャンプするヤツですか?
もしそうなら、JavaScriptでやりますよ。
<HEAD>と</HEAD>の間に次のスクリプトを用意します。
<script language="javascript">
<!--
function FC(WO){
if (WO.FSGO.selectedIndex == 0){ parent.f1.location.href = "nihon.html"}
if (WO.FSGO.selectedIndex == 1){ parent.f1.location.href = "amerika.html"}
if (WO.FSGO.selectedIndex == 2){ parent.f1.location.href = "canada.html"}
if (WO.FSGO.selectedIndex == 3){ parent.f1.location.href = "chugoku.html"}
}
//-->
</script>

そして、ドロップダウンメニューを作るところで、次のようにします。
<form>
<select name="FSGO" opchange="FC(this.form)">
<option>国を選んでください
<option>日本
<option>アメリカ
<option>カナダ
<option>中国
</select>
</form>
    • good
    • 0
この回答へのお礼

ありがとうございます! 
なるほど、JavaScriptを使うとは気付きませんでした。
助かります。

お礼日時:2002/03/11 02:05

<A href="file:///C:/フォルダ名/ファイル名">&lt;SELECT&gt;</A>


(C:の所は適宜変えてください)
もしくは
<A href="http://リンク先">&lt;SELECT&gt;</A>
です。
    • good
    • 0
この回答へのお礼

ありがとうございます!
おかげで助かりました!

お礼日時:2002/03/10 05:30

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Q と、

<td></td> と、<td><BR></td>

ホームページビルダーで作ったホムペを、KompoZerというHTMLエディタで開くと、
テーブルのなにも入っていないセルに<BR>タグが勝手に挿入されてしまいます。
<td></td> と、<td><br></td> は、
ブラウザ上ではどちらでもちゃんと表示されるのですが、
HTML文法的にはどちらが正しいのでしょうか?
また、どちらも正しい場合、<br>がある・ないで、違いがあるのでしょうか?

※ホームページビルダー、KompoZerの善し悪しは無視してください。

Aベストアンサー

文法的にはどちらも正しいです。
ブラウザの種類やHTMLのモードによって、tdが空だと、見え方が違うケースがあります。
tableでborderを指定したときに、へこんで見えるかどうか。空でないとかならずへこんで見えます。

Q【CSS】リンクでイメージの時だけアウトラインを消したい

htmlで<a></a>の中に<img />があるときだけアウトラインを消したいです。<a></a>中がテキストの時はアウトラインをつけたいです。

以下の様な記述で実現は出来たのですが、styleの記述をhead部に移行したいです。どうし記述したら良いでしょうか?

<html>
<head>
<style>
<!--
img {
border: none;
}
-->
</style>
</head>
<body>
<a style="outline: none" href="javascript:void(0);"><img src="http://www.goo.ne.jp/gooicon.ico" alt="" /></a><br> <!--アウトラインを消したい-->
<a href="javascript:void(0);">test</a> <!--アウトラインを消したくない-->
</body>
</html>

Aベストアンサー

ならば・・・

img { border-width: 0px; }
a:link{ text-decoration:none; }

を別ファイルで外部にしてclassやidで該当箇所に適応させれば良いのでは?

Qここの色

<HEAD>
<STYLE type=text/css>
b{color:#166464}
</STYLE>
</HEAD>
<BODY>
<B>あ<B>
<A><B>い<B></A>
<B>う<B>
</BODY>

「い」は普通のリンクの色のままにさせたいんですが、スタイルシートだけでできませんか?
<BODY>内の変更はしませんが、インラインでスタイルを書くのならその追記だけはよしとします。

Aベストアンサー

CSS の文法に従って書くなら

a>b {color:inherit}

となります。
a の直下にある b は a の色を引き継ぐという意味です。
ただし、某有名ブラウザはこの書き方を認識しないので、それにも対応したいと言うのなら、a の色を自分で指定して、

a, a b {color:blue}

のようにすることになります。(a と a 内の b を青くするという意味)

ところで、細かいことですが、
誤 <STYLE type=text/css>
正 <STYLE type="text/css">

Q
内の

をそのまま表示するには?

あ<h1>テスト</h1>あ

上記テキストをそのまま表示したいのですが、<pre></pre>を使うと、<h1>タグが認識されて

テスト(←見出し文字になる)

となってしまいます。

<h1>タグ自体をそのまま表示するにはどのようにすればよろしいでしょうか?

Aベストアンサー

「<」「>」「&」等は実体参照で記述する必要があります。

< = &lt;
> = &gt;
& = &amp;

<h1>ならば「&lt;h1&gt;」のように。

Q~ の中に