實例教程：通過JS更改FORM的action
來源：程序員人生 發布時間：2014-05-10 16:48:49 閱讀次數：2672次
建站學院（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
生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
