セレクトボタンをリンクボタンに

質問

フォームで使うセレクトボタンをリンクボタンとして使いたいのですが、どのように記述すればよいのでしょうか？

回答No.3

Tanigucchi · ベストアンサー

リンクで十分かなと思いましたが‥こんな感じでしょうか？
<script language="JavaScript">
<!--
function func() {
var n = document.F1.S1.selectedIndex;
location.href=document.F1.S1.options[n].value;
}
// -->
</script>
<form name="F1" action="#">
<select name="S1">
<option value="http://www.google.com">Google
<option value="http://www.yahoo.co.jp">Yahoo
<option value="http://www.goo.ne.jp">goo
</select>
<input type="button" value="OK" onclick="func()">

お礼

ありがとうございます。希望どおりです。はじめに紹介頂いた上のタイプはHTMLのみで大丈夫なので、構成に合わせて選択したいと思います。とても参考になりました。

回答No.2

Tanigucchi

↓こんな感じの記述でしょうか？

http://www.geocities.jp/miyake_kobo/kowaza/kowaza013.html

お礼

ありがとうございます。サブミッションボタンをつけられれば、なお、よいのですが、いい感じです。

回答No.1

yambejp

＞セレクトボタンをリンクボタンとして使いたい

セレクトボタンとは何のことですか？
リンクボタンとはどういう動作を期待していますか？

簡単なHTMLソースをあげた方がよいでしょう

補足

<select name="selectName">
<option value="リンク先指定1">リンク先1</option>
<option value="リンク先指定2">リンク先2</option>
</select><br>
<input type="submit" name="submitButton" value="移動">

こんなようなイメージです。フォームで使うポップアップていうのでしょうか。よろしくお願いします。