Php 使用变量计算下拉列表值

我在互联网上的任何地方都找不到解决方案。 我有一个带有变量“price”和下拉列表的特定代码

下拉列表的值为1-40。当价值发生变化时，总价应立即发生变化。如在同一行中，如在最终总价中

enter code here



 function calc(){
  one = document.getElementById("price1").childNodes.item(1).childNodes.item(1).value;
  two = parseFloat(document.getElementById("price1").childNodes.item(5).textContent.replace("€",""))
  document.getElementById("price1").childNodes.item(9).textContent =  one * two;
}
<tr id="price1">
        <td><?php include('optie.php');?></td>
        <td><strong>3-gangen traiteurmenu</strong><br>
            (incl. brood en boter)<br>******<br>
            Creme van gerookte paling<br>******<br>
            Gestoofde hertensukade met aardappelgratin, rodekool en een stoofpeertje.<br>******<br>
            Kerstbal van witte en pure chocolade en een vanillesaus.<br><hr>
            </td>
        <td><?php $prijs1= "16.50";?> &euro;<?php  echo $prijs1; ?></td>
        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&euro;</td>
        <td id="Total"></td> 
    </tr>

在此处输入代码
函数计算（）{
一个=document.getElementById（“price1”）.childNodes.item（1）.childNodes.item（1）.value；
two=parseFloat（document.getElementById（“price1”）.childNodes.item（5）.textContent.replace（“”），“”）
document.getElementById（“price1”）.childNodes.item（9）.textContent=1*2；
}
3-gangen traiteurmenu

（包括孵化器）
********

Creme van gerookte围栏
*********

她遇到了阿达普·佩尔格廷、罗德库尔甚至是斯多夫佩尔杰。
******

克斯特巴尔·范维特（Kerstbal van witte）是一款纯巧克力，是一款香草巧克力。

&欧元；
&欧元；

我在上面添加了这段代码，这正确地计算了第一个下拉菜单。但现在，我必须能够做到这一点13倍，与所有的下拉菜单的

我现在知道它必须用java来完成，因为java是一种动态语言

提前谢谢

贾斯珀

在option.php下面

porties <select>
        <option value="0">0</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
        <option value="9">9</option>
        <option value="10">10</option>
        <option value="11">11</option>
        <option value="12">12</option>
        <option value="13">13</option>
        <option value="14">14</option>
        <option value="15">15</option>
        <option value="16">16</option>
        <option value="17">17</option>
        <option value="18">18</option>
        <option value="19">19</option>
        <option value="20">20</option>
        <option value="21">21</option>
        <option value="22">22</option>
        <option value="23">23</option>
        <option value="24">24</option>
        <option value="25">25</option>
        <option value="26">26</option>
        <option value="27">27</option>
        <option value="28">28</option>
        <option value="29">29</option>
        <option value="30">30</option>
        <option value="31">31</option>
        <option value="32">32</option>
        <option value="33">33</option>
        <option value="34">34</option>
        <option value="35">35</option>
        <option value="36">36</option>
        <option value="37">37</option>
        <option value="38">38</option>
        <option value="39">39</option>
        <option value="40">40</option>                                            
    </select>

端口
0
1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

您应该使用Javascript来实现这一点

---

方法是将更改事件附加到下拉控件。因此，无论何时更改，显示价格的元素都会被更新。

您应该使用Javascript来实现这一点

---

方法是将更改事件附加到下拉控件。因此，无论何时更改，显示价格的元素都会更新。

PHP是服务器端代码

这意味着，一旦您在浏览器中看到呈现的网站，它已经从服务器交付，现在是“客户端”。PHP无法运行客户端

如果右键单击并查看源代码，您将看到所有PHP代码都已被HTML和纯文本替换

所以您需要的是客户端编程语言，比如Javascript。大多数人不再使用普通javascript了。这是因为不同的浏览器对javascript的解释不同。最流行的跨浏览器javascript库称为

下载jquery，通过在头部添加以下代码将其包含在您的网站中：

<script type="text/javascript" src="/path/to/jquery.js"></script>

现在您可以编写一些跨浏览器兼容的javascript

因此，要想做您想做的事情，您需要在select下拉列表中检测“change”事件。您可以使用jQuery中的

change（）

函数来实现这一点

这里有一个jsfiddle帮助您上路：

---

祝您好运，如果您对jquery有任何问题，请在这里发问！；）

PHP是服务器端代码

这意味着，一旦您在浏览器中看到呈现的网站，它已经从服务器交付，现在是“客户端”。PHP无法运行客户端

如果右键单击并查看源代码，您将看到所有PHP代码都已被HTML和纯文本替换

所以您需要的是客户端编程语言，比如Javascript。大多数人不再使用普通javascript了。这是因为不同的浏览器对javascript的解释不同。最流行的跨浏览器javascript库称为

下载jquery，通过在头部添加以下代码将其包含在您的网站中：

<script type="text/javascript" src="/path/to/jquery.js"></script>

现在您可以编写一些跨浏览器兼容的javascript

因此，要想做您想做的事情，您需要在select下拉列表中检测“change”事件。您可以使用jQuery中的

change（）

函数来实现这一点

这里有一个jsfiddle帮助您上路：

祝您好运，如果您对jquery有任何问题，请在这里发问！；）

也许不是最漂亮的代码，但它是有效的：）

---

也许不是最漂亮的代码，但它是有效的：）

你一定要使用javascript，因为php和html都是静态使用javascript的。即使你决定使用php，你仍然需要使用javascript来完成。好吧，我修正了计算：你肯定应该使用javascript，因为php和html都是静态使用javascript。即使你决定使用php，你仍然需要使用javascript来实现这一点。好吧，我修正了计算：我必须读懂这一点。因为我以前从未使用过jquery。但有了它，就可以将$prijs1和下拉选项相乘。而且能做13次不同的动作。提前谢谢$prijs1是php代码。您需要将其转换为javascript。您可以这样做：

var prijs1=''以将其转换为脚本。然后您可以使用javascript中的变量
prijs1
进行计算。我添加了一些代码进行计算，并且我已经能够计算1 dropcrown菜单，但无法计算所有的下拉列表。我必须了解这一点。因为我以前从未使用过jquery。但有了它，就可以将$prijs1和下拉选项相乘。而且能做13次不同的动作。提前谢谢$prijs1是php代码。您需要将其转换为javascript。您可以这样做：
var prijs1=''以将其转换为脚本。然后您可以使用javascript中的变量
prijs1
进行计算