Question

我正在创建内容标签，根据选择框列表中的所选值显示数据。我的问题是我无法弄清楚如何设置所选项目（联盟）的值保持不变所以三个选项卡显示所选项目（联赛）的数据。为了更容易理解，我想要做的是如果用户选择英超联赛，选项卡将显示该联赛的排名，结果和进球者。这是我的代码： 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查询不同。 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>';
}`

我提前感谢你的帮助。最好的问候。

Answer 1

嘿，请编辑你的代码，如果你已编码相同然后请再次ping，因为这里写的充满了如下所述的错误

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

内容选项卡并选择显示数据的选项值（jquery和php）

1 个答案: