如何將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現場訪問$_POST像下面的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), 
     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); 

     }, 

     ...... 
     });