程序员人生网站导航

实例教程：通过JS更改FORM的action

栏目：jscript时间：2014-05-10 16:48:49

　建站学院（LieHuo.Net）转载文档 有时候我们不得不通过更改form的action来进行提交数据。当然大多数情况下，我们都是通过隐藏的字段来使action得到不同的数据。比如我们form的action是search.php，那么我们都是通过隐藏字段来使我们通过search.php搜索不同值，比如<input type="hidden" name="action" value="article">然后在search.php里面通过$_POST['action']=='article'来知道我们搜索的内容是文章而不是其他。

　但如果我们搜索页面并非只有一个入口search.php怎么办？比如我们的全文搜索是search.php，搜索文章是search_article.php，搜索新闻是search_news.php。怎么办？当然我们可以通过下拉框的值来更改FORM的action，就可以了。

简单代码如下：

以下为引用的内容：

<script type="text/javascript">
<!--
function redirectForm( which ){
var searchModeList = document.getElementById('searchMode');
var actionFile = '';
for (var i=0,sml=searchModeList.length; i<sml ; i++ ){
if( i == searchModeList.selectedIndex ){
actionFile = searchModeList[i].value;
}
}
if( actionFile == ''){
return false;
}else{
actionFileactionFile = actionFile + '.php';
}
which.action = actionFile;
which.submit();
}
//-->
</script>
<form method="post" action="" onsubmit="return redirectForm(this);" id='searchForm'>
<select id="searchMode">
<option value="search" selected="selected">Default</option>
<option value="search_article" >Article</option>
<option value="search_news">News</option>
</select>
<input type="submit" />
</form>

　文章来自：http://www.neatcn.com/show-411-1.shtml

------分隔线----------------------------

上一篇 Linux下忘记Mysql密码的找回方法(图)

下一篇 Ajax & PHP 边学边练之一Ajax基础

------分隔线----------------------------