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>

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

如果选择了选择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

<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>

检查一下，我希望它能起作用..

Answer 3

添加以选择onchange功能

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

并添加到javascript

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

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

Answer 4

将此添加到您的选择中：

平变化= “changeAction（这）”

这是你的javascript

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

更改选择选项的表单操作

4 个答案: