php - 用变量计算下拉值

Question

我在互联网上找不到解决方案。 我有一个带有变量“价格”的特定代码和一个包含在内的下拉列表。

下拉列表的值是 1-40。当值(value)发生变化时，总价应立即发生变化。与同一行中的最终总价相同。

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>

我在上面添加了这段代码，这可以正确计算第一个下拉菜单。但现在，我必须能够使用所有下拉菜单执行 13 次

我现在知道它必须用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>

Answer 1

PHP 是服务器端代码。

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

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

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

下载 jquery，将以下代码放入您的网站中:

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

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

因此，要执行您想要的操作，您需要检测选择下拉列表中的“更改”事件。您可以使用 jQuery 中的 change() 函数来完成此操作。

这里有一个 jsfiddle 可以帮助您:http://jsfiddle.net/GmC3K/

如果您对 jquery 有任何疑问，祝您好运! ;)