【覚書】テキストリンクを使ってパラメーター付きのフォームデータをPOSTする

  • このエントリーをはてなブックマークに追加
  • LINEで送る

デザイン上の問題で、画像やボタンでのフォームデータのsubmitができないという場面に直面しました。
submit先のスクリプトが外部のもので、POSTしか受け付けてくれない仕様のため、フォーム側で対応しないといけなかったんです。

不格好ではありますが、何とか対応できましたのでその方法をメモとして残しておきます。

form内でaタグでsubmitのJavascript直書きでリンクさせ、hiddenでパラメーターを
送信できます。

<form action="send_post_data.cgi" method="post" name="myform">
<a href="javascript:document.myform.submit()">
送信先でフォームの内容は処理できるよ
</a>
<input type="hidden" name="param1" value="aaa" />
</form>
  • このエントリーをはてなブックマークに追加
  • LINEで送る

SNSでもご購読できます。

コメントを残す

*

CAPTCHA


This blog is kept spam free by WP-SpamFree.