单击链接时，我想在下一页上显示价值/价格答案

【问题标题】：When a link is clicked, I want to show a value/price on the next page单击链接时，我想在下一页上显示价值/价格
【发布时间】：2021-03-06 10:21:04
【问题描述】：

我在第 1 页上有此代码。所有 a 标签都有相同的链接。如果用户单击一个链接，则会加载下一页 2。我想在第 2 页显示特定于该链接的该 ID 的价格。

示例：如果用户单击 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>

【问题讨论】：

标签： javascript html express

【解决方案1】：

在网络中，我们主要通过 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>

阅读这篇文章了解更多详情： How to get the value from the GET parameters?

【讨论】：

【解决方案2】：

您可能需要使用 PHP 或其他服务器端语言。您可以使用表单轻松完成此操作。但是你需要在某种服务器上运行它。

这将回显（键入以记录）按钮上 value 属性的值...

index.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"]。

【讨论】：