html页面直接
问题描述:
你好我是新的HTML我正在设计一个测验在html中。这是只有2个问题的例子。当我点击一个提交按钮,我想计算标记显示它在一个警告框,然后去result.htm页。但是当我点击提交警告框显示答案,但页面没有重定向到result.htm。html页面直接
我的代码是:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
.d1
{
background-color:#FFFFCC;
}
#Submit1
{
width: 67px;
}
</style>
<script language="javascript" type="text/javascript">
function Submit1_onclick() {
var i = 0;
var a = document.getElementById("Radio1");
if (a.checked == true) {
i++;
}
var b = document.getElementById("Radio8");
if (b.checked == true) {
i++;
}
alert(i);
}
</script>
</head>
<body>
<p>
</p>
<form name="f1" method="post" action="d://result.htm">
<div class="d1">
Q1 What is your name ?
<br />
a <input id="Radio1" name="R1" type="radio" value="t" />
b <input id="Radio2" name="R1" type="radio" value="f" />
c <input id="Radio3" name="R1" type="radio" value="f" />
d <input id="Radio4" name="R1" type="radio" value="f" /></div>
<br /> <br /> <br />
<div class="d1">
Q1 What is your Id ?
<br />
1 <input id="Radio5" name="R11" type="radio" value="V1" />
2 <input id="Radio6" name="R11" type="radio" value="r1" />
3 <input id="Radio7" name="R11" type="radio" value="as1" />
4 <input id="Radio8" name="R11" type="radio" value="pop1" /></div>
<br /> <br /> <br />
<div class="d1">
<input id="Submit1" type="submit" value="submit" onClick="return(Submit1_onclick())"/><br />
<br /> <br />
</form>
</body>
</html>
答
当你的函数调用的最后一行
<script language="javascript" type="text/javascript">
function Submit1_onclick() {
var i = 0;
var a = document.getElementById("Radio1");
if (a.checked == true) {
i++;
}
var b = document.getElementById("Radio8");
if (b.checked == true) {
i++;
}
alert(i);
location.href="result.htm";
}
</script>
这将重定向页面
+0
没有它的不工作,, – 2012-03-28 13:25:04
+0
你可以改变按钮点击 – PraveenVenu 2012-03-28 13:26:13
答
您的标记改成这样:
<input id="Submit1" type="submit" value="submit" onclick="Submit1_onclick();"/>
并添加此活动您的javascript:
function Submit1_onclick() {
...
alert(i);
return true;
}
从事件处理程序返回true,将告诉浏览器继续默认行为(在这种情况下,提交表单)。
答
听起来就像你试图提交一个IIS服务器中的两个静态文件之间的POST,你不能这样做。您可以将文件更改为.aspx
,它应该按预期工作。
try window.location ='result.html'; 在JavaScript代码 – Devjosh 2012-03-28 13:03:25
的alert()后,尝试了其不工作..给一个错误..不允许用于访问路径'/WebSite2/result.htm'的HTTP动词POST。 – 2012-03-28 13:04:13
是的。你在做什么没有什么意义。它在Chrome中重新定向。你需要开始在网上使用一些非常基本的教程,其中有很多。你显然是新的。没有错,但所有这些东西都在网上的许多教程中介绍过。 – Timmerz 2012-03-28 13:08:07