pcmonkey
访问次数：38611 次
联系站长：
联系站长：
原创：21 篇转载：21 篇相片：21 张评论：21 条
个人资料
pcmonkey
文章搜索
文章存档
让表单通过不同的提交按钮提交到不同的页面
昨天写博客的时候，写到一半有事要离开，于是想到了给博文系统添加一个“保存到草稿”的功能。说白了，也就是让一个表单，有两个提交按钮，一个是正式发布，一个是存为草稿。这就涉及到一个表单如何提交到不同页面，或者是提交到相同页面但要带上不同的参数的问题。
我们知道，一个表单，提交的目标页面是由<form>标签的action参数决定的。如果提交到目标页要带上什么参数，也只有两个方法，一是在action参数中指定，例如action="save.asp?aaa=111"；二是在表单内置入一个隐藏的<input>，为它指定名称和参数值，例如<input type=hidden name=aaa value=111>。可是这两种方法，其内容都无法根据不同的提交按钮来变动。想来想去，只有通过Javascript实现了。具体方法如下：
首先在页面的<head>和</head>之间加入如下语句：
在上面的例子中，我们设计的两个不同的提交页面分别为aaa.asp和bbb.asp，表单的名称为form1。这三个内容可以根据实际情况修改。然后我们再创建一个表单，名称记得一定要和上面的表单名对应，而且最后加入两个普通按钮，并调用上面的JS代码。具体代码如下：
如此一来，表单就可以通过两个不同的按钮提交到不同的页面了。