內容選項卡和選擇選項值來顯示數據（jQuery和PHP）

我正在創建內容選項卡，顯示數據取決於選擇框列表中選定的值。我的問題是，我無法弄清楚如何設置所選項目（聯盟）的價值，所以三個選項卡都顯示所選項目（聯盟）的數據。爲了讓我更容易理解，我試圖做的是，如果用戶選擇了英超聯賽，選項卡將顯示來自聯盟的積分榜，成績和進球者。這裏是我的代碼： HTML：內容選項卡和選擇選項值來顯示數據（jQuery和PHP）

 <!Doctype html> 
    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <script type="text/javascript" src=jquery.js"></script> 
    <script type="text/javascript" src="script.js"></script> 
    </head> 
    <body> 
    <ul id="nav"> 
    <li><a href="tab1">Standings</a></li> 
    <li><a href="tab2">Results</a></li> 
    <li><a href="tab3">Goalscorers</a></li> 
    <li><select name="selecting" class="selecting"> 
    <option value="0">--Choose a league--</option> 
    <?php 
     $sql=mysql_query("select * from leagues ORDER BY id ASC LIMIT 6"); 
     while($row=mysql_fetch_array($sql)) 
     { 
     $id=$row['id']; 
     $data=$row['name']; 
     echo '<option value="'.$id.'">'.$data.'</option>'; } ?> 
     </select></li> 
     </ul> 
     <div id="content"> </div>

jQuery的（的script.js）

$(document).ready(function(){ 
    $(".selecting").change(function() 
    { 
    var id=$(this).val(); 
    var dataString = 'id='+ id; 

    $.ajax ({ 
    type: "POST", 
    url: "tab1.php", 
    data: dataString, 
    dataType: "html", 
    cache: false, 
    success: function(data) 
    { 
    $("#content").html(data).show(); 
    } 
    }); 
    $.ajax({ 
    type: "POST", 
    url: "tab2.php", 
    data: dataString, 
    dataType: "html", 
    cache: false, 
    success: function(data) 
    { 
    $("#content").html(data).show(); 
    } 
    }); 

    $.ajax({ 
    type: "POST", 
    url: "tab3.php", 
    data: dataString, 
    dataType: "html", 
    cache: false, 
    success: function(data) 
    { 
    $("#content").html(data).show(); 
    } 
    }); 
    }); 


    $('#content').load('tab1.php'); 
$(' ul#nav li a ').click(function() { 
var page = $(this).attr('href'); 
$('#content').load(page + '.php'); 
return false; 

}); 
    });

這裏是一個標籤文件，這三個都是一樣的只是SQL查詢是不同的。 tab2.php

@$id=$_POST['id']; 
if(!empty($id)) 
{ 
$mysql = mysql_query(" SELECT * from results WHERE leagueid = '$id' ORDER BY matchday asc LIMIT 10 "); 
$matchday = ""; 
while ($row = mysql_fetch_array($mysql)) { 
if($matchday != $row['matchday']) { 
$matcday = $row['matchday']; 
echo 'Matchday: '.$row['matchday'].'<br>'; 
} 
    echo ''.$row['hteam'].' '.$row['hgoals'].' : '.$row['agoals'].' '.$row['ateam'].'<br>'; 
}`

我在此先感謝您的幫助。此致敬禮。

來源

2013-02-23 EyemansDome

你增加3個聽衆對於不同的AJAX – Sedz 2013-02-23 12:20:52