【FORM】　リンク文字で submit したい

解決済

質問者：Claudia
質問日時：2006/11/20 16:48
回答数：2件

<FORM METHOD="post" ACTION="tbl_admin.html">
<A HREF="#" onClick="fnc.value='abc'; this.form.submit();">リンク文字</A><BR><BR>
<INPUT TYPE="hidden" NAME="fnc" VALUE="">
<INPUT TYPE="submit" VALUE="aaa">
</FORM>

と書いてみたのですが
エラー:'this.form' は Null またはオブジェクトではありません。
としまいました。
<SELECT>のonChangeで同じような事は出来たのですが、
単なるリンク文字クリックでこのようなことはできないのでしょうか。

可否をご存知の方、また実現方法等ご存知の方
いらっしゃいましたらご教示願います。
よろしくお願い致します。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

No.2ベストアンサー

回答者： yambejp
回答日時：2006/11/21 09:48

＃１さんの補足ですが、アンカー(a)要素はformの中に入れても

従属関係にはないので上位のformにアクセスすることはできません。
＃１さんの解説ではformにformという名前をつけていますが、
場合によっては名前の競合が発生するのでなるべくタグ名と
同じ名前を使わない方がよいでしょう。
また、allでアクセスするのはあまりお勧めできませんので、
やるならdocument.forms[フォーム名]もしくはdocument.フォーム名
でやるか、nameではなくidをつかってdocument.getElementById(id名)
でやるとよいでしょう。

<FORM METHOD="post" ACTION="tbl_admin.html" name="form1">
<A HREF="#" onClick="f=document.form1;f.fnc.value='abc'; f.submit();">リンク文字</A><BR><BR>
<INPUT TYPE="hidden" NAME="fnc" VALUE="">
<INPUT TYPE="submit" VALUE="aaa">
</FORM>

この回答への補足

なるほど、アンカーはFORMとの従属関係がないから
フォームを動かすには外からの場合と同様に
明示的に示さなくてはならないのですね。
勉強になりました。

補足日時：2006/11/21 13:21

通報する

- 0
- 件

通報する

No.1

回答者： dennou2000
回答日時：2006/11/20 22:18

エラーの内容からすると「エラー:'this.form' は Null またはオブジェクトではありません。

」
ですから、formオブジェクトがちゃんと認識できていないみたいです。

そこで二つ対処をしました。
１）formにnameを付けてdocument.all(フォーム名)でオブジェクトを特定した。
２）<a></a>タグのonclickからなにも返却しないと、hrefパラメータの箇所へ遷移するので、
　　onclickイベントの戻り値をfalseにした。

サンプルとしては以下です。
－－－－－－－－－－－－－　LinkSubmit.html　－－－－－－－－－－－－－－－－－
<html>
<head>
<title>リンクサブミットＨＴＭＬ</title>
<script language=javascript>
</script>
</head>
<body>
<form name=form method="POST" action="./event.html">

<a href='#' onclick="document.all('form').fnc.value='abc'; document.all('form').submit();return false;">リンク文字</a><br><br>
<input type="hidden" name="fnc" value="">
<input type="submit" value="aaa">
</form>
</body>
</html>

≪質問は受付中のままにしないで必ず締め切りましょう≫