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

时间:2017-11-18 06:03:14

标签: javascript php jquery html

我在页面上使用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中的值。

2 个答案:

答案 0 :(得分:2)

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>

答案 1 :(得分:1)

回复将在response回调

中以success收到
$("#bank_name").change(function() {

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

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

        },

       ......
      });