当前位置: 代码迷 >> JavaScript >> 根据点击不同的按钮页面跳转的有关问题
  详细解决方案

根据点击不同的按钮页面跳转的有关问题

热度:124   发布时间:2012-10-15 09:45:24.0
根据点击不同的按钮页面跳转的问题
在IE中没有问题,点击不同按钮跳转到不同页面,但是在Firefox中
为何点击“预览”按钮还是执行的“save()”方法呢,即都是跳转到了a1.jsp页面,这是什么原因哦。有什么好办法呢。
代码如下:
HTML code

<script>
function save()
{
var frm=document.getElementById("myfrm");
frm.action="a1.jsp";
frm.submit();
}
function pre()
{
var frm=document.getElementById("myfrm");
frm.action="a2.jsp";
frm.submit();

}
<form id="myfrm" name="frm" action="a.jsp">
<input type="text" name="tx">文本
<input type="button" value="保存" onclick="save();">
<input type="button" value="预览" onclick="pre();">
<input type="submit" value="提交" >
</form





------解决方案--------------------
HTML code

<script>
function save()
{
var frm=document.getElementById("myfrm");
frm.action="a1.jsp";
frm.submit();
}
function pre()
{
var frm=document.getElementById("myfrm");
frm.action="a2.jsp";
frm.submit();

}
</script>

<form id="myfrm" name="frm" action="a.jsp">
<input type="text" name="tx">文本
<input type="button" value="保存" onclick="save();">
<input type="button" value="预览" onclick="pre();">
<input type="submit" value="提交" onclick="this.form.action='a.jsp'">
</form>

------解决方案--------------------
HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

</head>
<body>
<script>
function save()
{
var frm=document.getElementById("myfrm");
frm.action="a1.jsp";
frm.submit();
}
function pre()
{
var frm=document.getElementById("myfrm");
frm.action="a2.jsp";
frm.submit();

}
</script>
<form id="myfrm" name="frm" action="a.jsp">
<input type="text" name="tx">文本
<input type="button" value="保存" onclick="save();">
<input type="button" value="预览" onclick="pre();">
<input type="submit" value="提交" >
</form>
</body>
</html>

------解决方案--------------------
你是少了一个闭合的script标签~·

</script>这个
------解决方案--------------------
最前面的代码FF测下来,如果按了a1,a2的,回退后a就无效了,所以加那一句。
你说的问题 我这里FF测下来没问题。
-------
你把浏览器内中最终生成的HTML源代码贴一下。

------解决方案--------------------
去掉按钮外的label

VBScript code

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>编辑新闻</title>
        <script type="text/javascript">
        function save()
        {    
            var frm=document.fm;
            frm.action="updateArticle.jsp";            
            frm.submit();
        }
        function pre()
        {
            var frm=document.fm;
            frm.action="PreArticle.jsp";
            frm.submit();
        }
        </script>
    </head>
    <body>

        
        <form id="myform" action="updateArticle.jsp" name="fm" method="post">
        <input type="hidden" name="id" value="1">
<table width="920" border="0">
  <tr>
    <td width="137">标题:</td>
    <td width="860"><label>
      <input name="title" type="text" id="title" size="40" value="第一条新闻" />
    </label></td>
  </tr>

  <tr>
    <td>栏目名称:</td>
    <td><select name="column" id="column">
            <option value="0">------请选择------</option>
            
                    <option value="1" selected="selected">国内要闻</option>
                    
            <option value="2">新闻快讯</option>
            
            <option value="3">昨夜今晨</option>

            
            <option value="4">蜗居一族</option>
            
            <option value="5">娱乐没有圈</option>
            
            <option value="6">今天你团购了吗</option>
            
            <option value="7">神州八号飞船</option>
            
            <option value="8">测试成功了</option>
            
            <option value="9">测试</option>

            
            <option value="10">胜利完成</option>
            
            <option value="11">test</option>
            
            <option value="14">行不行</option>
            
            <option value="15">Hello</option>
            
            <option value="16">again</option>
            
            <option value="19">修订版</option>

            
            <option value="21">婚姻法</option>
            
        </select></td>
  </tr>
  <tr>
    <td>作者:</td>
    <td><label>
      <input type="text" name="author" id="author" size="40" value="管理员"/>
    </label></td>

  </tr>  
  <tr>
    <td>&nbsp;</td>
    <td>
    
        <input type="checkbox" name="istop" value="1"/>是否置顶&nbsp;    
    
        <input type="checkbox" name="comment" value="1" checked="checked"/>是否评论
        
    </td>
  </tr>
   <tr>
    <td>文章内容:</td>

    <td><div><input id="EditorDefault" name="EditorDefault" value="&lt;p&gt;中国国家主席胡锦涛当地时间12日在夏威夷与美国总统奥巴马会谈,表明&amp;ldquo;希望美方尊重中国在亚太地区的正当利益&amp;rdquo;。&lt;/p&gt;
&lt;p&gt;  胡锦涛表示,中方尊重美方在亚太地区的正当利益,欢迎美方在亚太事务中发挥建设性作用。也希望美方尊重中国在亚太地区的正当利益,处理好彼此利益关切,共同促进亚太地区和平、互信、合作。&lt;/p&gt;" type="hidden" /><iframe id="EditorDefault___Frame" frameborder="0" height="200" scrolling="no" width="100%" src="/news/fckeditor/editor/fckeditor.html?InstanceName=EditorDefault&amp;Toolbar=Default"> </iframe></div>
        
        </td>
  </tr>
  <tr>
    <td colspan="2" align="center">
      <input type="button" name="b1" value=" 保存 " onClick="save()" />
      <input type="button" name="b2" value=" 预览 " onClick="pre()" />
      <input type="submit" name="submit1" value=" 发表 " />
    </td>
    </tr>   
</table>
</form>
    </body>
</html> 
  相关解决方案