0

我的display.php文件具有从数据库中获取数据并将其显示在 html 表中的代码。我只想在我的索引页上显示这个表，<div> displayTable为此我称之为showTbale()using onclick of my button abc。但问题是，showTable()即使我已经logoutEmp()使用logoutButton. 我不明白有什么问题。任何帮助，将不胜感激。

注意：我尝试使用表单操作进行调用display.php，但它在另一个我不想要的白页中显示表格。此外，我不想display.php在我的索引页面中包含代码。

说这是我的索引文件：

<head>
<meta http-eqiv="X-UA-Compatible" content="IE=9,chrome=1">
<link rel="stylesheet" type="text/css" href="page_style.css">
<script src="jquery-1.10.1.js"></script>
</head>

<body>
<script>

function logoutEmp()
{
  window.location="saveLogout.php";
}   

function showTable()
{
  var month= $('#mnth: selected').val();
  alert (month);

  $("#displayTable").load("display.php",{ mnth: month});
}   

</script>

<h1>Employee Account</h1>

<div id="logoutEmp">
<button type="button" id="logoutButton" onclick="logoutEmp()">Logout</button>
</div>

<hr>

<div id="shw">
<select name="mnth">
<option value="Jan">January</option>
<option value="Feb">February</option>
<option value="Mar">March</option>
<option value="Apr">April</option>
<option value="May">May</option>
<option value="Jun">June</option>
<option value="Jul">July</option>
<option value="Aug">August</option>
<option value="Sep">September</option>
<option value="Oct">October</option>
<option value="Nov">November</option>
<option value="Dec">December</option>
</select>
<button type="button" id="abc" onclick="showTable()">Display</button> 


<div id="displayTable">
</div>

</div>

</body>
</html>
4

2 回答 2

1

像这样更改您的代码：

function logoutEmp(){
 window.location.href="saveLogout.php";
 }

您有一个额外的斜杠和一个语法错误。

另外，您也应该更改showTable错误的内容：

function showTable()
{
  var month= $('#mnth').val();
  alert (month);

 $("#displayTable").load("display.php",{ mnth: month});
 }

并将您的 id 添加到您的选择中：

<select name="mnth" id="mnth">

这是我朋友的演示。

于 2013-06-19T05:52:51.683 回答
0

我猜：

function logoutEmp()
{
 window.location="saveLogout.php";
 \}

该反斜杠不应该在那里：

function logoutEmp()
{
 window.location="saveLogout.php";
}

您不能调用showTable()，因为在 JavaScript 中，如果在该错误之后有任何错误脚本将不起作用。

于 2013-06-19T05:52:53.167 回答