2016-02-08 42 views
2

此表格是搜索表單。當我點擊<option>「alfamart」或「bca」時,我想要鏈接更改。 這樣,鏈接:/en2/maps(alfamart)或(bca)/按照<option>
但是怎麼樣?如何根據'<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> 
 
\t  <option value="BCA">BCA</option> 
 
    </select> 
 
    <input type="submit" value="Search"> 
 
</form> 
 

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

+1

我不明白爲什麼你想這樣做,因爲PHP無論如何都會向服務器發送所選擇的數據,你可以用這個過程? – pritesh

+0

你應該這樣做與JQuery,可能你需要這個:http://stackoverflow.com/questions/5451600/jquery-to-change-form-action – Pedram

+0

你想改變的地方,行動將完成,即'action'屬性,或者您想將提交表單的用戶重定向到包含搜索詞的url? –

回答

0

你並不需要從URL值,可以通過選擇框的值改變形式的行動。

$('.selectpicker').change(function(){ 
 
if($(this).val() == 'alfamart'){ 
 
\t $('form').attr('action','alfamart.html'); 
 
    alert('action is alfamart.html'); 
 
} else { 
 
\t $('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> 
 
\t  <option value="BCA">BCA</option> 
 
    </select> 
 
    <input type="submit" value="Search"> 
 
</form>

+0

謝謝你的回答.. –

+0

歡迎你,很高興幫助你 – Pedram