如何根据`<option>`更改链接表单操作?

时间:2016-02-08 07:07:17

标签: javascript php html forms search-box

此表单是搜索表单。当我点击<option>&#34; alfamart&#34;或&#34; bca&#34;,我希望链接更改。 像这样,根据<option>链接: / en2 / maps(alfamart)或(bca)/ 但是如何?

感谢

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

1 个答案:

答案 0 :(得分:0)

您不需要从网址获取价值,您可以通过选择框值更改表单操作。

&#13;
&#13;
$('.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');
}
});
&#13;
<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>
&#13;
&#13;
&#13;