如何製作傳遞參數的html按鈕？

new/?sorting=desc是它應該鏈接到的網址。但是當我嘗試時，參數不通過。應該怎麼做？我嘗試了以下兩種方法，但都沒有奏效。

<FORM METHOD="GET" ACTION="./?sorting=desc"> 
<INPUT TYPE="submit" VALUE="Äldst först"> 
</FORM>

我想要的行爲像這些鏈接按鈕：

<a href="./?sorting=desc">Äldst först</a> <a href="./?sorting=asc">Nyast först</a>

來源

2015-05-05 Montao

我沒有得到你所需要的??當你點擊一個按鈕，你需要重定向到一個鏈接？ –

您將需要使用一點Javascript來做到這一點。你有jQuery嗎？ –

如果你想要的東西作爲一個鏈接，那麼你應該使用的鏈接。

這就是說：

當你提交一個GET表單，查詢字符串從行動移除，一個新的從表單中的數據產生。

您需要將數據存儲在隱藏輸入中。

<form action="/social/tracking/new/"> 
    <input type="hidden" 
      name="sorting" 
      value="desc"> 
    <input type="submit" 
      value="Nyast först"> 
</form> 
<form action="/social/tracking/new/"> 
    <input type="hidden" 
      name="sorting" 
      value="asc"> 
    <input type="submit" 
      value="Sort the other way"> 
</form>

來源

2015-05-05 11:42:04 Quentin

此代碼只能傳遞「desc」值，而不是「asc」。 –

@ Heru-Luin - 這很明顯，如何讓它走向另一條路，但我已經編輯了答案來拼出來。 – Quentin

你現在有兩種形式。它可以工作取決於OP想要什麼。如果他想動態更改排序順序或只有一個表單，這將無法工作。 –

-2

我認爲這是不可能的。表單用於通過POST或GET發送數據（大部分）。你的目標是打開一個特定的URL。我會創建一個標準，並將它的樣式設置爲一個按鈕。你想使用按鈕的原因是什麼？

來源

2015-05-05 11:43:06 webcodecs

-1

如果您使用jQuery，您可以使用下面的代碼。當您點擊其中一個提交按鈕時，這將填充正確值的隱藏輸入。

<form method="get" action="./"> 
    <input type="hidden" name="sorting" id="sorting" value="" /> 
    <input type="submit" value="Äldst först" id="sort_desc" /> 
    <input type="submit" value="Nyast först" id="sort_asc" /> 
</form> 
<script> 
    $('#sort_desc').click(function(){ 
     $('#sorting').val('desc'); 
    }); 
    $('#sort_asc').click(function(){ 
     $('#sorting').val('asc'); 
    }); 
</script>

來源

2015-05-05 11:49:13

根本不需要涉及JavaScript。 – Quentin

Javascript用於更改隱藏輸入的值（「asc」或「desc」），具體取決於您是否點擊「Nyastförst」或「Äldstförst」。 –

如何製作傳遞參數的html按鈕？

回答

相關問題