如何將HTML SELECT元素值設置為php變量ONSELECT

Question

我正在頁面上使用HTML下拉列表，我的要求是當我從下拉列表中選擇任何值時，它希望存儲在同一頁面的PHP變量中，而無需提交表單或刷新頁面。

我的代碼是：

腳本：

    <script type="text/javascript">
    $("#bank_name").change(function(){

    var data=$(this).val();
    alert(data);

    $.ajax({
        url:"transaction.php",
        type:"POST",
        data: ({"bank_code": data}),
        sucess: function(response){
        console.log("Success");
        alert(data);
    },

    error: function(response){
        console.log("Error");
        alert(data);
    }
    }); 
    <script>

PHP代碼：

    $bank_code=$_POST["bank_code"];
    echo "Bank Code is:",$bank_code;

它獲取選定選項的值，並警告該值，但警告后，它不會在PHP中回顯該值。

Answer 1

您success輸入錯誤，應該刪除data字段中的那些（）括號，以訪問php中的$_POST ，如下所示，

<script type="text/javascript">
    $("#bank_name").change(function(){

    var data=$(this).val();
    alert(data);

    $.ajax({
        url:"transaction.php",
        type:"POST",
        data: {bank_code: data),
        success: function(response){
        console.log("Success");
        alert(response);
    },

    error: function(response){
        console.log("Error");
        alert(data);
    }
    }); 
    <script>

Answer 2

回聲將作為success回調中的response被接收

$("#bank_name").change(function() {

      var data = $(this).val();
      alert(data);

      $.ajax({
       ....,
        success: function(response) {
          console.log("Success");
          // alert response instead
          alert(response);

        },

       ......
      });