選択ボックス リストで選択した値に応じてデータを表示するコンテンツ タブを作成しています。私の問題は、選択したアイテム (リーグ) の値をそのままにして、3 つのタブすべてに選択したアイテム (リーグ) のデータを表示するように設定する方法がわからないことです。理解しやすくするために、ユーザーがプレミアリーグを選択した場合、タブにはそのリーグの順位、結果、得点者が表示されます。これが私のコードです: 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;
});
});
これはタブファイルです.3つすべてが同じですが、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>';
}`
助けてくれてありがとう。よろしくお願いします。