<select>でのリンク、ボタンに画像を使用するのには?

[上に] [前に] [次に]
tky 1999/09/05(日) 02:23:40
<select>〜</select>の選択フォームを使用したリンクがありますが、
選択した後に、画像のボタンを押してジャンプするというのを
実現したいのですが、うまくいきません。

<form method="post" name="gogo">
   <select name="jump">
       <option value> SELECT - - - - </option>
       <option value="**.html"> no.1 </option>
       <option value="**.html"> no.2 </option>
       <option value="**.html"> no.3 </option>
       <option value="**.html"> no.4 </option>
   </select>

   <input type="button" value=" > "
   onclick="parent.f2.location.href=this.form.jump.options[this.form.jump.selectedIndex].value">
</form>

で、フォームのボタンでは、可能ですが、
<input type="image" .....>は、使えなく、
色々試した結果、以下の様なスクリプトを作りました。

<script language="JavaScript">
<!--
function go() {
url = gogo.jump.options[gogo.jump.selectedIndex].value;
if(url != "") {
   parent.f2.location.href = url;
  }
}
// -->
</script>

<a href="javascript:go()"><img src="go.gif" border="0"></a>

ですが、これだとIE4.01ではOKなのですが、
NC4.51では上手く行きません。(共にWin)
私のスクリプトの書き方が間違っているのでしょうか?
どうしても画像ボタンを使いたいので、
すみません、どなたかご回答よろしくお願いします。

Aurai 1999/09/05(日) 04:20:56
<form name="gogo" onSubmit="if(this.jump.selectedIndex!=0){parent.f2.location.href=this.jump.options[this.jump.selectedIndex].value}return false;">
<select name="jump">
<option> SELECT - - - - </option>
<option value="1.htm"> no.1 </option>
<option value="2.htm"> no.2 </option>
<option value="3.htm"> no.3 </option>
<option value="4.htm"> no.4 </option>
</select>
<input type="image" src="button.gif">
</form>

これでどうでしょうか
オブジェクトの仕様をきちんと確認しましょう

tky 1999/09/05(日) 05:10:00
[[解決]]
Auraiさん、どうもありがとうございました。

>オブジェクトの仕様をきちんと確認しましょう
はい、生半可な知識で作っていました。
やっぱり基本からちゃんと勉強しないとダメですね。

でも、これでやっと寝れます。。
本当にどうもありがとうございました。

[上に] [前に] [次に]