在选择选项上更改表单操作

Question

我想根据选择值更改表单操作。

嗨，大家好，

<form name="store" id="store" method="post" action=""> 
<select name="storeID"> 
<option value="/stores/store6.php">6</option> 
<option value="/stores/store10.php">10</option> 
</select>     
</form> 

现在我想的表单操作，使用选择选项的值。例如：

如果选择选择1，使用/stores/store6.php

Answer 1

可以使用onchange事件改变形式的行动

document.getElementById('store').storeID.onchange = function() { 
    var newaction = this.value; 
    document.getElementById('store').action = newaction; 
}; 

Here与代码的jsfiddle。

Answer 2

如下因素表单动作添加到选择onchange功能

<select name="storeID" onchange='changeAction(this.value)'> 

和添加的JavaScript

function changeAction(val){ 
    document.getElementById('storeID').setAttribute('action', val); 
} 

这会在所选选项更改为选定选项值后更改操作。

Answer 3

添加到您的选择：

的onchange = “changeAction（本）”

，这对您的JavaScript

changeAction = function(select){ 
    document.getElementById("store").action = select.value; 
} 

Answer 4

<form name="store" id="store" method="post" action="" id="FORM_ID" > 
    <select name="storeID"> 
     <option value="/stores/store6.php">6</option> 
     <option value="/stores/store10.php">10</option> 
    </select>     
</form> 

<script type="text/javascript"> 
document.getElementById('storeID').onchange = function(){ 
    document.getElementById('FORM_ID').action = '/'+this.value; 
} 
</script> 

检查出来我希望它会工作..