無法使用按鈕的onclick事件調用javascript函數

Question

我的display.php文件具有用於從數據庫中獲取數據並將其顯示在html表中的代碼。 我只想在<div> displayTable部分中的索引頁面上顯示此表，為此，我使用按鈕abc onclick調用了showTbale() 。 但是問題是，即使我已經使用logoutButton的onclick成功調用了logoutEmp()也無法調用showTable()函數。 我不明白這是什么問題。 任何幫助，將不勝感激。

注意：我嘗試使用表單操作來調用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>

Answer 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">

這是我的朋友的演示。

Answer 2

我猜：

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

反斜杠不應該存在：

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

您無法調用showTable()因為在JavaScript中，如果該錯誤之后沒有任何錯誤腳本，該錯誤將不起作用。

無法使用按鈕的onclick事件調用javascript函數

問題描述

2 個解決方案

解決方案1
1 2013-06-19 05:52:51

解決方案2
0 2013-06-19 05:52:53

無法使用按鈕的onclick事件調用javascript函數

問題描述

2 個解決方案

解決方案1 1 2013-06-19 05:52:51

解決方案2 0 2013-06-19 05:52:53

解決方案1
1 2013-06-19 05:52:51

解決方案2
0 2013-06-19 05:52:53