AタグのonClickイベントの中でform.submitするには?

[上に] [前に] [次に]
えじ [E-Mail] 1999/12/15(水) 17:17:31
画像をクリックして画面の入力項目をチェックし
フォームをsubmitしたいとおもっています。

Aタグの中で onclickイベントを実行しようとしたら
<A id="xxx" onclick="fun_submit();" ....

function fun_submit()
{
// 入力チェック行があり省略。
    document.input_form.submit();
}

IE4.IE5 ではうまく動くのに NN4では動きませんでした
ので、ちょっと修正をかけて

<A href="#" id="xxx" onclick="fun_submit();" ....

とhref="#"を追加して実行してみると今度はイベントが
動き入力チェックもきちんと行われているのに、
form.submitが実行されません。
たぶん無視されてhref="#"が有効になっているのだとお
思うのですが実現可能でしょうか?

むくにゃん 1999/12/15(水) 17:24:36
<A href="#" id="xxx" onclick="javascript:fun_submit();">
でどうですか?

えじ 1999/12/15(水) 17:34:23
<A href="#" id="xxx" onclick="javascript:fun_submit();">
でもだめでした。
INPUTを使うしかないですかね?

むくにゃん 1999/12/15(水) 17:41:43
うそをついてました。すみません。
<A href="javascript:fun_submit()" id="xxx">
ですね。

えじ 1999/12/15(水) 18:15:16
IE4.IE5ではうまくいきましたが、NN4ではマウスポインタが
砂時計になったまま・・・ マウスポインタを画像外へ移動
し、再度画像のところにもってくると砂時計が指にかわります。
結局のところsubmitは実行できていないままですね。

むくにゃん 1999/12/15(水) 18:23:45
うーん。NN3ではできるんですけどねえ。
よければソース(うごかせる最低限でいいので)を
載せてくれますか?

eji 1999/12/15(水) 19:30:56
[[解決]]
すみません。 わたくしのかん違いでした。
form.submit()が悪いのではなくその上の行に
原因があることがわかりました。

DBからとってきた値をOPTIONタグに書き込んで
<SELECT name="kcd">
 <OPTION value="0">ここから選んでね</OPTION>
 <OPTION value="1">北海道</OPTION>
 <OPTION value="2">青森県</OPTION>

次ページの確認画面で「北海道」と表示したく作業用の
INPUTタグにコピーしようとしていました。
  <INPUT name="knm" type="hidden">

document.f1.knm.value
= document.f1.kcd.options[document.f1.kcd.value].text;

というスクリプトを書いておりました。
IE4,IE5では上記構文で正常に動作し、
NN4.7では無視されていたようです。
NN4.05でチェックしたところスクリプトエラーとなった
ために気づきました。

次ページで再度DBより検索するのは面倒だったので
上記のような書き方になったのですが
 <OPTION value="1,北海道">北海道</OPTION>
 <OPTION value="2,青森県">青森県</OPTION>
として、次ページでvalueの値を分割することに
いたしました。

ありがとうございました。

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