2016-05-12 76 views
2

我有頁面可以動態地處理一些數據。我想使用值爲test的窗體從一些靜態頁面重定向到該頁面 - 我需要發送參數爲#。我該怎麼做?如何重定向到mypage.com#?test = 1使用html表單+ javascript?

<form class="search-form" method="get" action="#?"> 
     <input type="text" name="test" /> 
</form> 

此解決方案ofc不起作用。

我想要例如在我的表格中寫入「1」,然後我應該重定向到mypage.com#?test=1

是否有任何解析表單生成url的函數,所以我可以重定向?或者只是從提交按鈕鏈接獲得價值而不實際重定向?

+1

您將必須使用javascript – Nivedita

回答

0
$(function() { 
    $('button#testclick').click(function() { 
     var serialized = $('form#searchByTitle').serialize(); 
     var url = "/search"; 
     location.replace(url + "#?" + serialized); 
     return false; 
    }); 
}); 

這就是我的解決方案。它適用於AngularJS路由:)

2

試試這個:

<!DOCTYPE html> 
    <html> 
    <head> 
     <title></title> 
    </head> 
    <body> 
     <form class="search-form" method="get" action=""> 
      <input type="text" id="testbox" name="test" /> 
      <input type="button" id="button" onclick="hello()" value="send"> 
     </form> 
     <script type="text/javascript"> 
      function hello(){ 
       var current_url = location.protocol + '//' + location.host + location.pathname + "#"; 
       location.replace(current_url + "?test=" + document.getElementById('testbox').value); 
      } 
     </script> 
    </body> 
    </html> 

希望這是你的意思。

+0

它沒有錯,但它不通用:)我需要更通用的解決方案。 – RaV

相關問題