ajax函数更改下拉列表值

ajax function on change dropdown Value

本文关键字：下拉列表 函数 ajax      更新时间：2023-09-26

Hie Everyone！在PHP第1页中，我的代码在这里。。

    <html>
    .
    ...
    <select id="customer">...</select>
    ..
    ....
    <div id="show"></div>
    //and Java script function (ajax call)
   <script>
   $('#customer').change(function(){
        var Id = $(this).val();
    $.ajax({
        type: "GET",
        url: "page2.php",
        data: "ID="+id,
        success: function( data ) {
            document.getElementById("show").innerHTML = data;
        }
    });
    });
    </script>
    </html>

在php page2中作为代码。。

<?php
$ID=$_GET['ID'];
...
//db connection code
..
$sql="select * from Table1 where id='$ID'";
//result code..
//while loop..
//echo something..
// all working without error..
?>

所以，当我尝试这样做的时候。它没有显示成功数据，或者可能是Ajax函数不起作用。我检查了警报（数据）；但不会提醒任何事情。请帮忙。

您将在$get_id变量前面给出echo。但是您将确保在page2.php页面中只有一个echo。

<?php
echo $get_id=$_GET['pass_id'];
...
//db connection code
..
$sql="select * from Table1 where id='$get_id'";
//result code..
//while loop..
//echo something..
// all working without error..
?>

然后在page1.php中检查您的ajax响应。使用警报功能。

 <script>
   $('#customer').change(function(){
        var id = $(this).val();
    $.ajax({
        type: "GET",
        url: "page2.php",
        data: "pass_id="+id,
        success: function( data ) {
              alert(data);
            document.getElementById("show").innerHTML = data;
        }
    });
    });
    </script>
相关文章：