メニュー選択後すぐ移動する [デモ]
"Go!"ボタンを押さずに、メニューから選択後すぐ移動します。
Goボタンを削除し、<select>タグの中にonchange=".."を新たに書き加えます。
<form method="post">
<select name="qnaviselect" onchange="quicknavi(this.form.qnaviselect.options[this.form.qnaviselect.selectedIndex].value);">
<option value="">-- リンク先を選択してください。
<option value="http://www.yahoo.co.jp/" >Yahoo!
<option value="http://www.goo.ne.jp/" >Goo
<option value="http://www.excite.co.jp" >Excite
<option value="http://www.infoseek.co.jp" >Infoseek
</select>
</form>
フレームのページで使用する
プルダウンで選択した後フレームの該当ターゲットをリンクさせます。
quicknavi() { .... } の中身を以下のように書き換えます。
function quicknavi(url) {
if(url != "") {
parent.main.location.href = url;
//mainは、<frame>タグのname属性の値です。例：<frame name="main">
}
}
選択後新しいウインドウを開いてリンクする [デモ]
メニューから選択後、該当URLを新しいウインドウで開きます。
quicknavi() { .... } の中身を以下のように書き換えます。
function quicknavi(url) {
if(url != "") {
window.open(url);
}
}