内容选项卡并选择选项值以显示数据(jquery和php） - Content tabs and select option value to display data ( jquery and php)

Content tabs and select option value to display data ( jquery and php)

我正在创建内容选项卡，这些选项卡根据选择框列表中所选的值显示数据。我的问题是，我不知道如何设置所选项目（联赛）的值，以便所有三个选项卡都显示所选项目的数据。为了更容易理解，我想做的是，如果用户选择了英超联赛，标签将显示该联赛的排名、结果和进球者。这是我的代码：HTML:

     <!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查询不同。表2.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>';
}`

我事先感谢你的帮助。顺致敬意，

嘿，如果你已经编码了相同的代码，请编辑你的代码，然后请再次ping，因为这里写的都是下面描述的错误

您尚未初始化jquery（$(document).ready(function(){});）
在提取结果的页面上出现php语法错误
你编写了一个非常糟糕的脚本