0

私のhtmlファイルには2つのフォームがあります。どちらも 1 つのボタンで送信されました。このボタンで両方のフォームを接続できますか? のようなもの <button form="firstFormId secondFormId"> Save </button>。それは意味がありますか？

4

1 に答える 1

0

それを行うには複数のソリューションがあります。使用している場合は、javascript、またはさらに良い場合は jQuery を使用します。

jquery を使用していない場合、javascript を使用すると、次のようなことができます。

ページのどこかに「送信」リンクを配置します。

<a href="javascript: submitform()">Submit</a>

各フォームに一意の名前を割り当てます。たとえば、「myform1」と「myform2」とします。次に、ページに次を含めます。

<script type="text/javascript">
    function submitform(){
          document.myform1.submit(); // submit form 1
          document.myform2.submit(); // submit form 2
    }
</script>

外部関数を呼び出す代わりに、フォームに名前を割り当てた後、できるだけ単純にするために、次のリンクを配置することもできます。

<a href="javascript: document.myform1.submit();document.myform2.submit();">Submit</a>

jQuery を使用していて、この方法をお勧めする場合は、特定のクラスを両方のフォームに割り当てるだけで、「submit-me」と言ってコードに追加できます。

$('.submit-me').submit()

上記のすべての中で、jQuery に依存する最後のものをお勧めします。メンテナンスが簡単で、再利用可能です (つまり、 class を持つ任意のフォームに適用できsubmit-me、すべての作業は jQuery によって行われます。すべての例で、フォームの「従来の」送信ボタンはもう必要ないことに注意してください。

テストされていませんが、必要なことが行われることを願っています! :-)

于 2013-01-23T09:08:11.010 に答える