php
  • jquery
  • mysql
  • ajax
  • 2013-07-08 179 views -3 likes 
    -3

    我希望有人可以幫助我用下面的jQuery Ajax代碼來識別我遇到的問題。下面的php文件在從下拉列表中選擇職員時調用Select語句。 在輸入列表中應顯示工作人員的工資。不幸的是沒有發生JQuery Ajax代碼不能正常工作

    <!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']; 
    } 
    
    
    
    
    ?> 
    

    我真的不知道爲什麼它不工作。

    +1

    您是否嘗試過使用控制檯調試? – j08691

    +0

    什麼是'.id'? –

    +2

    '$('select [name = id]')。change(function(){...})' –

    回答

    3

    你綁定事件應該有一流的名爲「身份證」,但不存在這樣的元素

    變化

    <select name="id"> 
    

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

    ,它會工作的元素。

    • .用於引用類= 「」
    • #使用具有paricular 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 selectors

    相關問題