我想要一個表單,可以根據選擇框提交到兩個不同的操作頁面。將表單提交到2個不同的操作頁面
這意味着如果我選擇框中Products
選擇,採取該行動將products.html
,如果我選擇Users
,該行動將users.html
我發現有兩個提交按鈕的例子很多,但我只需要一個提交按鈕。
關於如何做到這一點的任何想法?
我想要一個表單,可以根據選擇框提交到兩個不同的操作頁面。將表單提交到2個不同的操作頁面
這意味着如果我選擇框中Products
選擇,採取該行動將products.html
,如果我選擇Users
,該行動將users.html
我發現有兩個提交按鈕的例子很多,但我只需要一個提交按鈕。
關於如何做到這一點的任何想法?
你可以使用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>
if(condition==products)
document.forms[0].action = 'products.html;
else
document.forms[0].action = 'users.html;
爲什麼這是downvoted?這也沒有評論 – balalakshmi 2011-12-17 09:08:59
嘗試是這樣的(假設一個名爲「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.
};
讀有關 屬性爲可在提交按鈕來指定表單提交新的屬性。這些屬性包括: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>
謝謝你,只需添加提交按鈕:D – Adnan 2010-03-15 10:09:38