如何将HTML SELECT元素值设置为php变量ONSELECT

Question

I am Using an HTML dropdown on a page, my requirement is to when i select any value from dropdown, it want to be store in an PHP variable on the same page without submitting form or without refreshing the page.

my code is:

Script:

    <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 Code:

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

it gets the value of selected option and also alerts the value but after alert it doesn't echo the value in PHP.

Answer 1

You have type error in success ,You should remove those () brackets in data field to access $_POST in php like below,

<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

The echo will be received as response in the success callback

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

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

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

        },

       ......
      });