單擊鏈接時，我想在下一頁上顯示價值/價格

Question

我在第 1 頁上有此代碼。所有 a 標簽都有相同的鏈接。 如果用戶單擊一個鏈接，則會加載下一頁 2。 我想顯示特定於該鏈接的該 ID 的價格以顯示在第 2 頁上。

示例：如果用戶單擊 id="saloon_price" 的鏈接，則第 2 頁上的價格應顯示為 Saloon: £50。 如果用戶單擊 id="mpv_price" 的鏈接，則第 2 頁上的價格應顯示為 MPV：70 英鎊。 請幫助我在第 2 頁實現這一目標。

我對編碼很陌生。 並使用 Javascript。 請幫助我提供更簡單的解決方案。 謝謝

<a id="saloon_price" href="/quotes/details"> Saloon: £50</a> 
<a id="estate_price" href="/quotes/details">Estate: £60</a>
<a id="mpv_price" href="/quotes/details">MPV: £70</a>

Answer 1

您可能需要使用 PHP 或其他服務器端語言。 您可以使用 forms 輕松完成此操作。 但是您需要在某種服務器上運行它。

這將回顯（鍵入以記錄）按鈕上 value 屬性的值...

索引.php：

<form action="/quotes/details.php" method="post">
  <button type="submit" name="price" value="£50" id="saloon_price"> Saloon: £50 </button>
  ...other buttons...
</form>

/quotes/details.php：

...
<?php
  $price = $_POST["price"];
  echo "MPV: " . $price;
?>
...

如果您想在 url 中查看這些值，可以使用method="get"和$_GET["price"] 。

Answer 2

在 web 中，我們主要使用 URL 傳遞值，並在加載的頁面中再次讀取。

<a id="saloon_price" href="/quotes/details?label=Saloon&value=£50"> Saloon: £50</a> 
<a id="estate_price" href="/quotes/details?label=Estate&value=£60">Estate: £60</a>
<a id="mpv_price" href="/quotes/details?label=MPV&value=£70">MPV: £70</a>

並閱讀這篇文章了解更多詳細信息： 如何從 GET 參數中獲取值？