Jqueryを使ったsubmit送信について

Question

すみません、緊急だったので質問させて下さい。

formのPOSTでデータを送信しようと考えています。

<form action="hoge.php" method="post" id="form" name="form" enctype="multipart/form-data">
    //フォーム内容
    <button name="upd" class="subsub" value="1">更新</button>
    <button name="del" class="subsub" value="1">削除</button>
    <button name="preview" class="previews" value="1">プレビュー</button>
</form>

上記のように更新ボタンとプレビューボタンを設置し、更新ボタンを押した場合はPOST送信、プレビューボタンを押した際は別ウインドでプレビューを表示します。

同じフォーム内なので、プレビューボタンが押された際はactionの値をJqueryで書き換えています。

$(".previews").on("click", function() {
	window.open("","newwin");
	$("form").attr("action", "preview.php");
	$("form").attr("target", "newwin");
	$("form").submit();
});
$(".subsub").on("click", function() {
	$("form").attr("action", "hoge.php");
	$("form").attr("target", "_self");
	$("form").submit();
});

ただ、Windows7のIEやChromeなどでは問題なく動くのですが、Windows10のMicrosoft Edgeだけでは更新ができません。

原因としては、他のブラウザではPHPでボタンの値をPOSTで受け取っているのですが、Microsoft EdgeだけはPOSTの中に$_POST["upd"]が含まれません。

Jqueryでのsubmit(上記のJqueryコード)を消すと問題ないく取得できます。
Jqueryのsubmitでは押したbuttonの値は送信されないのでしょうか。

よろしくお願いします。

■追記
すみません、更新ボタンとプレビューボタンだけであればinputのhiddenを付ければいいのですが、これに加え削除ボタンがあり、プレビューが押された場合は飛先が変わるので、更新ボタンと削除ボタンを押した際は飛先を戻してやらないといけないので、このような書き方になっております。
その場合、inputのhiddenではどちらを押したかわからないので、使えないと判断しております。
また、この後にPHPのPOSTで値を取得しMySQLでデータベースに保存するためPOST送信を使っております。

Answer 1

buttonの値は普通にsubmitボタンで送信したときには届かない値ですね。
jQueryのsubmit()だと押したbuttonの値も届くとは面白い話です。
さていろいろ試してみたところ、次のコードならedgeでもクリックイベントを起こしたbuttonの値も届くことがわかりました。

$(".previews,.subsub").on("click", function() {
  $('<input type="submit">').click();
 // $('input[type="submit"]').click();ではない
}

普通にそこにあるsubmitボタンを押すのではなく、クリックイベントに紐付けてsubmitボタンを作ってそれを押すという変なやり方です。なんで届くのでしょう？

Answer 2

ご意見ありがとうございます。
皆様のご意見を参考にさせていただきました。

今回は、oskbt様の回答を参考に自分なりにアレンジしたものを入れさせていただきました。
先に結果をいうと、強制的にボタンの値を作り送信するという強行手段をとりました。

$(".subsub").on("click", function() {
	var subsub = $(this).val();
	if (subsub == 1) {
		$('<input>').attr({
			type: 'hidden',
			name: 'trans',
			value: 1
		}).appendTo('#form');
	} else if (subsub == 2) {
		$('<input>').attr({
			type: 'hidden',
			name: 'upd',
			value: 1
		}).appendTo('#form');
	} else if (subsub == 3) {
		$('<input>').attr({
			type: 'hidden',
			name: 'del',
			value: 1
		}).appendTo('#form');
	}
	$("form").attr("action", "./");
	$("form").attr("target", "_self");
	$("form").submit();
});

各ボタンにそれぞれ違う値を持たせ、それに応じたinputのhiddenを吐き出すようなコードにしてみました。
これでも問題なくedgeで動かせることができたので、こちらを使うことにしました。

今回ご意見をいただいた方には感謝です。
ありがとうございました。

Answer 3

$POST["upd"] が必要となる理由がぱっと思いつかないのですが、
そういうのが必要なら input hidden で別途項目を追加して
更新のときに設定してやるのはどうでしょうか。
場当たり的ですが。(^^;