複数のプルダウンメニューをインラインフレームに表示。

質問

複数（10個以上）のプルダウンメニュー（各メニュー）をインラインフレームにリンク表示させたいのですが。「GO」ボタンがあっても無くても結構です。誰か教えてください。よろしくお願いいたします。

回答No.3

yambejp

とりあえずはしょって書くとこんなかんじのこと
やりたいですか？ちがったらすみません。

<form name="jumpy">
<select onChange="gone(this)">
<option value="http://www.google.com/intl/ja/" selected>Google -超高速検索</option>
<option value="http://dictionary.goo.ne.jp/">英和辞典 -EXCEED</option>
<option value="http://www.apple.com/quicktime/win.html://www.apple.com/quicktime/hotpicks/">QuickTime - Hot Picks</option>
</select>
<select onChange="gone(this)">
<option value="http://windowsmedia.microsoft.com/mg/Radio.asp?">WindowsMedia -Radio</option>
<option value="http://season.biglobe.ne.jp/">BIGLOBE -シーズン</option>
<option value="http://www.towerrecords.com/">タワーレコード</option>
</select>
</form>
<iframe id="external" style="width:100%;height:97%" src="http://www.google.com/intl/ja/"></iframe>
<script language="javascript">
function gone(num){
var selectedurl=num.options[num.selectedIndex].value
document.getElementById('external').src=selectedurl;
}
</script>

回答No.2

yambejp

#1です。

可読性がよいソースまで用意されているみたいですし
そのままコピーペーストするだけでプルダウン
メニューが増やせるように見えます。

とにかく流用するだけしてみて、エラーがでるよう
ならご自身でしらべてどうしてもわからなければ
ご質問なさってみてはいかがでしょうか？

まずは元ソースがなぜそのような挙動をしているか
理解するところからはじめてみてください。

お礼

こんちわ。ご回答ありがとうございました。
コピーペーストいたし実験いたしましたが、思うように動きませんでした。やっぱりソースの理解がないものですから、自分なりに勉強し解決してみようと思います。ありがとうございました。また機会がありましたら質問投稿させていただきますので、よろしくお願いいたします。それでは、失礼します。

回答No.1

yambejp

複数のプルダウンメニューをインラインフレームに
リンク表示させたい・・・の意味がわかりません。

まず
プルダウンメニューの書き方はわかりますね？
インラインフレームの書き方はわかりますね？
リンクの書き方はわかりますね？

ではなにがわかないのでしょうか？

補足

すみません。下記(url)のページのように。これにプルダウンメニューを増やしていきたいんです。
参考URL：http://www001.upp.so-net.ne.jp/oka/iframe_dm.htm
よろしくお願いいたします。