如何将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); 

     }, 

     ...... 
     });