特定の送信ボタンが押された場合にのみ、フォームを新しいウィンドウに送信しますか？

Question

私はフォームを持っています。このフォームには、同じ投稿データで異なることをするいくつかの異なる送信ボタンがあります。

は、フォームは次のようになります単純化のために言うことができます：現時点では

<form method="post"> 
    <input type="hidden" name="ids" value="1,2,3,4" /> 
    <input type="submit" id="picking" name="picking" value="Picking" /> 
    <input type="submit" id="shipping" name="shipping" value="Shipping" /> 
    <input type="submit" id="invoice" name="invoice" value="Invoice" /> 
</form> 

フォームは、それ自体に提出し、私はPOSTデータからURLを構築し、ボタンが押された提出し、サーバ側をうまく、 PHPのリダイレクトを行って私が必要とするものを実行します。これは正常に動作します。

しかし、「請求書」をクリックしたときにのみ、データを新しいウィンドウに投稿するフォームを探しています。これはフォームにtarget="_blank"を追加するだけで済みます。他の2つのボタンも新しいページに送信されます。

私は、データが上記よりはるかに複雑であり、その多くがユーザーによって入力されるため、フォームを3つの異なる形式に分割することもできません。

JavaScript/JQueryを使用してこれを行う方法はありますか？もしそうなら、私はどこから始めるのですか？

ありがとうございます。

Answer 1

請求書をクリックしたときには、フォームに空白のターゲットを追加することができませんでした？：

$("#invoice").click(function(){ 
    $('#form_id').attr('target', '_blank'); 
}); 

か：

$(document).on("click","#invoice",function(){ 
     $('#form_id').attr('target', '_blank'); 
    }); 

Answer 2

正しい送信ボタンにクリックハンドラーを追加してみてください。

$('#invoice').on('click', function(){ 
    //doStuff 
}); 

これにより、#invoiceの動作を他のものに影響を与えずに制御できます。