如果选中下拉菜单选项，则 PHP/HTML 更改文本

Question

我的工作类似于商店页面，您可以在其中选择购买服务的时长。

有一个包含 3 个选项的下拉菜单:

• 1 周
• 3 周
• 6 周

我该怎么做:

如果单击选项 3 Weeks，价格(简单文本)自动更改为 5 美元 和 6 Weeks 为 10 美元 还是类似的东西？

所有价格更改均由我完成。

我想知道如何通过从下拉菜单中选择内容来将 exampletext1 更改为 exampletext2？

Answer 1

客户端

要在不重新加载所有页面的情况下根据客户端事件修改页面(例如:单击、选择更改)，您必须使用客户端语言，如 JavaScript。

服务器端

PHP 仅在服务器端使用。这意味着 PHP 在您的页面发送给用户之前执行，并且在不向服务器发送新请求(并重新加载页面)的情况下无法捕获用户的操作。

这是你问的例子(使用 javascript)

https://jsfiddle.net/9c1unscw/1/

<p>Select a period.</p>

<select id="mySelect" onchange="myFunction()">
  <option value="1">1 Week
  <option value="2">3 Weeks
  <option value="3">6 Weeks
</select>

<p id="demo">Estimated price: 5 dollars.</p>

<script type="text/javascript">
  function myFunction() {
      var x = document.getElementById("mySelect").value;
      var price = parseInt(x)*5;
      document.getElementById("demo").innerHTML = "Estimated price: " +price+" dollars.";
  }
</script>