-3

我希望有人可以帮助我确定我在使用以下 jquery Ajax 代码时遇到的问题。当从下拉列表中选择职员时,下面的 php 文件正在调用 Select 语句。在输入列表中应该出现工作人员的薪水。不幸的是,什么也没有发生。

   <!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <title>AJAX und PHP ganz einfach!</title>

 <script>
$(document).ready(function() {
    $('.id').change(function() {
        $.ajax({
            type: 'GET',
            url: 'anzeige.php',
            data: 'id=' +$('.id').val(),
            success: function(msg) {
                $('#ajaxAusgabe').html(msg);
                }
        });     
    }); 
}); //document.ready


</script>



<?php
$link = mysql_connect("localhost","sandrag","bubblekey13","staffbridgetest");
if (!$link) {

    die('Could not connect: ' . mysql_error());
}


$db_selected = mysql_select_db("staffbridgetest", $link);
if (!$db_selected) {
    die ('Can\'t use foo : ' . mysql_error());
}
?>
</head>






  <p>Bitte waehlen Sie einen Mitarbeiter:</p>

     <form>

         <select name="id">
         <option value=""></option>
           <?php


$query = mysql_query("SELECT Mitarbeiternummer, Vorname, Nachname FROM mitarbeiter where mitarbeiternummer>0 order by nachname"); 
while ($row = mysql_fetch_array($query)) {
echo '<option value="'.$row['Mitarbeiternummer'].'">'.$row['Nachname'].', '.$row['Vorname'].'</option>';
}
     echo'</select>';

                        ?>


 <div id="ajaxAusgabe"></div>

   </form> 





</script> 



</body>
</html>

这通过 Select 语句连接到另一个 php 文件:

 <?php
$link = mysql_connect("localhost","sandrag","bubblekey13","staffbridgetest");
if (!$link) {

    die('Could not connect: ' . mysql_error());
}


$db_selected = mysql_select_db("staffbridgetest", $link);
if (!$db_selected) {
    die ('Can\'t use foo : ' . mysql_error());
}


$staffid=$_GET['id'];

$sql = "SELECT Stundenlohn from gehalt where mitarbeiternummer='$staffid' limit 1";
$result = mysql_query($sql);
while($row = mysql_fetch_array($result))
  {

 echo $row['Stundenlohn'];
 }




?>

我真的不知道为什么它不起作用。

4

1 回答 1

3

您将事件绑定到应该具有名为“id”的类但没有这样的元素的元素

改变

<select name="id">

 <select name="id" class="id">

它会起作用。

  • .用于引用 class=""
  • #用于引用具有特定 id="" 的元素

您还可以使用 . 按名称选择元素select[name=id]

$('select[name=id]').change(function() { //this will find <select> where attribiute name is equal to "id" and bind change event to it.

您应该阅读有关Jquery 选择器的更多信息

于 2013-07-08T14:03:06.397 回答