2014-09-21 5 views
3

Я хочу изменить действие формы на основе значения выбора.Изменить действие формы на опцию выбора

Привет, ребята,

<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

+0

' ' – Steve

ответ

9

Вы можете использовать onchange событие изменить действие по форме в

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

Here является jsfiddle с кодом.

+0

Ваша скрипка не работает в Firefox – nematoth

+0

@nematoth Просто попробовал и, похоже, отлично работает в FF 54. –

0

Добавить, чтобы выбрать функцию onchange

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

и добавить Javascript

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

Это изменит действие после того, как выбранная опция будет изменена на выбранное значение параметра.

0

Добавить это ваш выбор:

OnChange = "changeAction (это)"

и это к вашему JavaScript

changeAction = function(select){ 
    document.getElementById("store").action = select.value; 
} 
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> 

проверить это я хочу он будет работать.