セレクトフォームで選択したhtmlページに飛びたい

質問

セレクトフォームで選んだオプションに該当するhtmlページにリンクさせることはできるのでしょうか？

例えば、セレクトフォームのオプションが、

　200801
　200802
　200803

とあった場合に、選んだオプションによってそれぞれ

　http://○○○.com/200801.html
　http://○○○.com/200802.html
　http://○○○.com/200803.html

のURLにリンクしたいと考えていますが、そういう使い方を説明しているサイトなどがなかなか見つからずに困っています。
お手数ですがおわかりの方いましたらお教え願います。
（php、javascriptで対応でもよいです）

回答No.1

noname#56882 · ベストアンサー

[Dynamic HTMLの参考書 Java Scriptの参考書」さんの「セレクトフォームジャンプ」が参考になると思います。
http://www.hajimeteno.ne.jp/dhtml/dist/js07.html

JavaScript部分は
function Jump_anchor(){
var url_slct;
var url_list = new mk_array('',
'http://○○○.com/200801.html', //1番目（ここから
'http://○○○.com/200802.html', //2番目
'http://○○○.com/200803.html' //3番目 ここまでを変更）
);
url_slct = document.Jump.list_title.selectedIndex;
if(url_list[url_slct] != ''){
location = url_list[url_slct];
}
}

HTML部分は
<FORM NAME="Jump">
<SELECT NAME="list_title" SIZE=1 onchange="Jump_anchor()">
<OPTION SELECTED>選択して下さい</OPTION>
<OPTION>200801</OPTION> <!--1番目-->
<OPTION>200802</OPTION> <!--2番目-->
<OPTION>200803</OPTION> <!--3番目-->
</SELECT>
</FORM>

としてみてはどうでしょうか。（例をそのまま再現してみました）

お礼

ありがとうございます！うまくできました！
やはりjavascriptを使わないとダメなようでしたね。
とても参考になりました。

回答No.2

goulan

>セレクトフォームで選んだオプションに該当するhtmlページにリンク

<form>
<select>
<option>link1</option>
<option>link2</option>
</select>
</form>

で、link1やlink2に飛ばしたいということですか？説明しているサイトなら、検索すれば出て来ると思いますが・・・「プルダウンメニュー」などで検索してみてください。

簡単なモノを参考までに。

<script type="text/javascript">
function Jump(linker)
{
n = linker.selectedIndex;
location.href = linker.options[n].value;
}
</script>

<form action="">
<fieldset>
<select size="x" onchange="Jump(this)">
<option value="http://○○○.com/200801.html">200801</option>
<option value="http://○○○.com/200802.html">200802</option>
</select>
</fieldset>
</form>

お礼

ありがとうございます。
非常にスマートな方法なのですね。こちらでもうまく動作させることができました。
うまく検索できなくてすみません…。