Abed Putra February 2016

how change the link form action a accordance with the `<option>`?

This form is search form. when I click the <option> "alfamart" or "bca", I want the link change. like this, link: /en2/maps(alfamart)or(bca)/ in accordance with the <option>
but how?

thanks

<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'];
?>

Answers


jiff February 2016

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>

Post Status

Asked in February 2016
Viewed 2,212 times
Voted 7
Answered 1 times

Search




Leave an answer