How Change The Link Form Action A Accordance With The ``?

This form is search form. when I click the 'alfamart' or 'bca', I want the link change. like this, link: /en2/maps(alfamart)or(bca)/ in accordance with the

Solution 1:

You don't need to get value from URL, you can change form action by select box value.

$('.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>

Share

You may like these posts

• 
  Request Parameter Losing Plus Sign
• 
  During Hover On Parent Element, Show Child (dropdown Nav)
• 
  Event Binding On Dynamically Created Elements?
• 
  Authorization Header Appended Only Once In Ajax Cors Request