javascript — как изменить действие формы ссылки в соответствии с `& lt; option & gt;`?

Question

javascript — как изменить действие формы ссылки в соответствии с `& lt; option & gt;`?

Эта форма является поисковой формой. когда я нажимаю <option> «alfamart» или «bca», я хочу изменить ссылку.
вот так, ссылка: / En2 / карты (alfamart) или (BCA) / в соответствии с <option>
но как?

Спасибо

<form action="/en2/maps".$id."/"><!--Relative url to the page that your map is on-->

Distination:
<select name="textSearchTerms" class="selectpicker" data-live-search="true">
<option value="alfamart">Alfamart</option>
<option value="BCA">BCA</option>
</select>
<input type="submit" value="Search">
</form>

<?php
$id = $_GET['textSearchTerms'];
?>

2

forms html javascript php search-box

Решение

По вопросам рекламы [email protected]

Accepted Answer

Вам не нужно получать значение из URL, вы можете изменить действие формы, выбрав значение поля.

$('.selectpicker').change(function(){
if($(this).val() == 'alfamart'){
$('form').attr('action','alfamart.html');
alert('action is alfamart.html');
} else {
$('form').attr('action','BCA.html');
alert('action is BCA.html');
}
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="/en2/maps">

Distination:
<select name="textSearchTerms" class="selectpicker" data-live-search="true">
<option value="alfamart">Alfamart</option>
<option value="BCA">BCA</option>
</select>
<input type="submit" value="Search">
</form>

0

Другие решения

Других решений пока нет …

Источник