繁体   English   中英

更改下拉列表上的ajax函数值

[英]ajax function on change dropdown Value

大家好! 在PHP page1中,我的代码在这里。

    <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函数不起作用。我检查了alert(data); 但不会发出任何警报。 请帮忙。

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

<?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>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM