Я хочу изменить действие формы на основе значения выбора.
Привет, народ,
<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, используйте действующее действие action /stores/store6.php
Вы можете использовать событие onchange
чтобы изменить действие формы
document.getElementById('store').storeID.onchange = function() { var newaction = this.value; document.getElementById('store').action = newaction; };
Вот код jsfiddle с кодом.
<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>
проверьте это, я хочу, чтобы он работал.
Добавить для выбора функции onchange
<select name="storeID" onchange='changeAction(this.value)'>
и добавить в javascript
function changeAction(val){ document.getElementById('storeID').setAttribute('action', val); }
Это изменит действие после того, как выбранная опция будет изменена на выбранное значение параметра.
Добавьте это в свой выбор:
OnChange = "changeAction (это)"
и это на ваш javascript
changeAction = function(select){ document.getElementById("store").action = select.value; }