WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:プルダウンメニュー

0:[投稿] ゆか [2006/09/16 17:49 ] [環境:IE6 javascript]

プルダウンメニューの最後のinput部分を画像で処理したいのですが、どのようにすればいいかわかりません。
よろしくお願いします。

<script type="text/javascript">
<!--

function go(form) {
 if (form.LinkList.options[form.LinkList.selectedIndex].value != "-" )
   top.location.href = form.LinkList.options[form.LinkList.selectedIndex].value;
}

//-->
</script>
<form name="LinkList">
<select name="LinkList">
<option value="#" selected>ホーム</option>
<option value="index.html">サンプル1</option>
<option value="index2.html">サンプル2</option>
<option value="index3.html">サンプル3</option>
</select>
<input type="button" value="GO!" onClick="go(this.form)">
</form>


1:[回答] m035 [2006/09/16 19:36 ][URL]

<button onclick="go(this.form)">
<image src="" alt="GO!">
</button>
でしょうか。


2:[回答] かんな [2006/09/16 21:27 ]

input type="image" という手も。使ったことありませんが。

というかフォームでググればいやになるほどヒットしそうな気もしますね。

http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/interact/forms.html


3:[質問] ゆか [2006/09/17 12:35 ]

m035さん、かんなさんありがとうございます。

<input type="image" image src="" alt="GO!" onclick="go(this.form)">

<button onclick="go(this.form)">
<image src="" alt="GO!">
</button>
と両方試してみたのですがダメでした。
もしかしたらスクリプトの部分が間違っているのでしょうか?
他に方法があれば教えてください。


4:[回答] 燕雀 [2006/09/17 13:00 ]

false を返してください.
<button onclick="go(this.form);return false">


5:[完了] ゆか [2006/09/17 13:06 ]

燕雀さんありがとうございます!
<button onclick="go(this.form);return false">
で無事できました。
ありがとうございます。

回答(必須): 状態:

お名前(必須):

URL:




[戻る]