无法使用按钮的onclick事件调用javascript函数

我的display.php文件具有用于从数据库获取数据并将其显示在html表中的代码。我只想在我的索引页上在<div> displayTable部分显示此表格，并且我已使用我的按钮abc的onclick调用了showTbale()。但问题是，即使我使用logoutButton的onclick成功调用logoutEmp()，函数showTable()也不会被调用。我不明白是什么问题。任何帮助，将不胜感激。无法使用按钮的onclick事件调用javascript函数

注：我尝试使用窗体操作来调用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>

来源

2013-06-19 Tileshwar Nath

什么是你的功能疯狂的反斜杠？并尝试document.location.href =“saveLogout.php”而不是window.location – steven

您正在调用“showTbale（）”，但您的函数名称是showtable（）。这是一个错字吗？ –

如果您已经使用jQuery，那么您应该在$（document）.ready（） – steven

改变你的代码是这样的：

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

这里是demo我的朋友。

来源

2013-06-19 05:52:51 isJustMe

我想：

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

反斜杠不应该存在：

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

你不能叫showTable()因为在JavaScript中，如果有任何错误的脚本后，该错误是行不通的。

来源

2013-06-19 05:52:53

为什么每个人都给予logoutEmp（）的解决方案...多数民众赞成在罚款......我问为什么我无法调用showTable（）使用onclick –

无法使用按钮的onclick事件调用javascript函数

回答

相关问题