2010-03-15 73 views
3

我想要一個表單,可以根據選擇框提交到兩個不同的操作頁面。將表單提交到2個不同的操作頁面

這意味着如果我選擇框中Products選擇,採取該行動將products.html,如果我選擇Users,該行動將users.html

我發現有兩個提交按鈕的例子很多,但我只需要一個提交按鈕。

關於如何做到這一點的任何想法?

回答

5

你可以使用jQuery爲...

如果選定值等於什麼

集的形式屬性行動,其他的事情不是初始動作

這當然是僞代碼..

這裏是一個有效的解決方案:

<html> 
<head> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#selectList").change(function(){ 
     if($('#selectList').val() == 1){ 
     $("#yourform").attr("action","secondaryaction"); 
     } 
    }); 
}); 
</script> 
</head> 
<body> 
<select name="dummy" id="selectList"> 
<option value="0">foo</option> 
<option value="1">bar</option> 
</select> 

<form id="yourform" action="primaryaction"> 
bla bla 
</form> 
</body> 
</html> 
+0

謝謝你,只需添加提交按鈕:D – Adnan 2010-03-15 10:09:38

-1
if(condition==products) 
document.forms[0].action = 'products.html; 
else 
document.forms[0].action = 'users.html; 
+0

爲什麼這是downvoted?這也沒有評論 – balalakshmi 2011-12-17 09:08:59

1

嘗試是這樣的(假設一個名爲「myForm的」形式):

document.myForm.onsubmit = function() { 
    if (this.mySelector.value == 'products') { 
     this.action = 'products.html'; 
    } 
    // the "else" isn't necessary: leave it at "users.html" as a default. 
}; 
0

讀有關 屬性爲可在提交按鈕來指定表單提交新的屬性。這些屬性包括:formaction,formenctype,formmethod,formnovalidate和formtarget

在IE> = 11

我的例子爲將證明一點:

<form action="1.php"> 
    <input type="text" > 
    <button value="go"> GOOOOOOOOOOOO</button> 
<button value="go" formaction="2.php"> DONNNNNNNNNNNNNNNNOOOO</button> 
</form> 
相關問題