javascript - 如何将 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>