php selectタグ submitボタンなしで、form先に情報を送る方法 ページ遷移しない事

Question

前提・実現したいこと

PHPでショッピングカートのシステムを作っていて、
select〜optionボタンで、商品の購入数を入力した時、
submitボタンなしで、購入数が自動的にform action=”cart.php”　
のページへリクエストされるように作っています。

ページ遷移はなしで、購入数だけcart.phpに情報を送る方法を知りたいと思っています。
すみませんが、ご回答お願い致します。

発生している問題・エラーメッセージ

①select onchange="submit(this.form)"を記述し、
商品の購入数を入力すると、自動的にform="cart.php"へのページに遷移
されます。　

②jQueryで、以下の記述をしてもsubmitされません。

エラーメッセージ

該当のソースコード

``HTML
ソースコード

<form action="cart.php" method="post" > <select id="date" name="<?php echo $menu->getName() ?>" > <?php for($i=0; $i<=10; $i++){ echo '<option value="'.$i.'">'.$i.'</option>';} ?> </select> </form>

ソースコード
$(function() {

  // セレクトボックスを選択するたびに発動
  $('#date').change(function() {

    // <form>要素を送信

    $('form').submit();

    $('#date').submit();

  });
});

Answer 1

何からをトリガーに(要件次第なので決めてください)Ajaxで非同期実行してください。
formでsubmitしている限り「action指定先」に同期で(画面遷移)送信します

Comments

[nissyan]

返信が遅くなりすみません。

ご回答ありがとうございます。
了解致しました。Ajaxで実行してみます。

Answer 2

$.ajaxでサーバーにおくり、セッションで保存しておくのが一般的です。
ただし購入数を入力するだけでサーバーに送るという仕様は微妙。
未確定の情報をサーバーで管理すると混乱のもとになりませんか？

Comments

[nissyan]

返信が遅くなりすみません。

おっしゃる通りです。
確定ボタンをつける仕様に変更して、ajaxを実装します。
ご回答ありがとうございます。