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

【问题标题】：PHP/HTML Change Text if Dropdown Menu option is checked如果选中下拉菜单选项，则 PHP/HTML 更改文本
【发布时间】：2016-08-28 10:46:32
【问题描述】：

我正在像商店页面一样工作，您可以在其中选择要购买服务的时间。

有一个带有 3 个选项的下拉菜单：

1 Week
3 Weeks
6 Weeks

我该怎么做：

如果单击选项3 Weeks，价格（简单文本）会自动更改为5 dollars 和6 Weeks 为10 Dollars 或类似的东西？

所有价格变动均由我完成。

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

【问题讨论】：

您可以为此使用 JavaScript/jQuery。
请补充一下到目前为止你做了什么？
pastebin.com/0fF0AuAd 这是我的整个脚本，我想从下拉菜单“produkt”或“Produkauswahl”中获取信息
pastebin.com/LmD7jSy3 这是贝瑟
你想使用 PHP 服务器端脚本提取值吗？

标签： php html

【解决方案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>

【讨论】：

【解决方案2】：

这里有一个小算法，可以给你一个基本的想法：

<!DOCTYPE html>
<html>

<body>

  <p>Select a new car from the list.</p>

  <select id="mySelect" onchange="myFunction()">
    <option value="one">1 Week
      <option value="three">3 Week
        <option value="six">6 Week
  </select>

  <p id="price">Price: 1 dollars</p>

  <script>
    function myFunction() {
      /*
      You should get this price array from your PHP service dynamically
      whenever this page is requested.
      */
      var price = [];
      price['one'] = '1';
      price['three'] = '5';
      price['six'] = '10';


      var x = document.getElementById("mySelect").value;
      document.getElementById("price").innerHTML = "Price: " + price[x] + " dollars";

    }
  </script>

</body>

</html>

【讨论】：