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

发布时间：2020-12-13 21:56:10 所属栏目：PHP教程来源：网络整理

导读：我正在像Shop Page一样工作,您可以选择购买服务的时间. 有一个带有3个选项的下拉菜单： 1周 3周 6周我能怎么做：如果单击选项3 Weeks,价格(简单文本)会自动更改为5美元和6周到10美元或类似的东西？所有价格变动都由我完成. 我想知道如何通过从我的下拉菜

我正在像Shop Page一样工作,您可以选择购买服务的时间.

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

> 1周
> 3周
> 6周

我能怎么做：

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

所有价格变动都由我完成.

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

解决方法

客户端

要在客户端事件上修改页面(例如：单击,选择更改)而不重新加载所有页面,您必须使用像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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!