Note that there are some explanatory texts on larger screens.

plurals
  1. POcalculate dropdown value with variable
    text
    copied!<p>I can't find the solution anywhere on the internet. I have a certain code with a variable "price" and a drop-down which is being included.</p> <p>the drop-down has the values 1-40. When the value changes the total price should change immediately. as in the same row, as in final total price.</p> <pre><code>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; } &lt;tr id="price1"&gt; &lt;td&gt;&lt;?php include('optie.php');?&gt;&lt;/td&gt; &lt;td&gt;&lt;strong&gt;3-gangen traiteurmenu&lt;/strong&gt;&lt;br&gt; (incl. brood en boter)&lt;br&gt;******&lt;br&gt; Creme van gerookte paling&lt;br&gt;******&lt;br&gt; Gestoofde hertensukade met aardappelgratin, rodekool en een stoofpeertje.&lt;br&gt;******&lt;br&gt; Kerstbal van witte en pure chocolade en een vanillesaus.&lt;br&gt;&lt;hr&gt; &lt;/td&gt; &lt;td&gt;&lt;?php $prijs1= "16.50";?&gt; &amp;euro;&lt;?php echo $prijs1; ?&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;euro;&lt;/td&gt; &lt;td id="Total"&gt;&lt;/td&gt; &lt;/tr&gt; </code></pre> <p>I added this code above, this correctly calculate the first dropdownmenu. But now, I must be able to do this times 13, with all the dropdownmenu's</p> <p>I now know it has to be done with java, because that is a dynamic language.</p> <p>thanks in advance!</p> <p>Jasper</p> <p>beneath option.php</p> <pre><code>porties &lt;select&gt; &lt;option value="0"&gt;0&lt;/option&gt; &lt;option value="1"&gt;1&lt;/option&gt; &lt;option value="2"&gt;2&lt;/option&gt; &lt;option value="3"&gt;3&lt;/option&gt; &lt;option value="4"&gt;4&lt;/option&gt; &lt;option value="5"&gt;5&lt;/option&gt; &lt;option value="6"&gt;6&lt;/option&gt; &lt;option value="7"&gt;7&lt;/option&gt; &lt;option value="8"&gt;8&lt;/option&gt; &lt;option value="9"&gt;9&lt;/option&gt; &lt;option value="10"&gt;10&lt;/option&gt; &lt;option value="11"&gt;11&lt;/option&gt; &lt;option value="12"&gt;12&lt;/option&gt; &lt;option value="13"&gt;13&lt;/option&gt; &lt;option value="14"&gt;14&lt;/option&gt; &lt;option value="15"&gt;15&lt;/option&gt; &lt;option value="16"&gt;16&lt;/option&gt; &lt;option value="17"&gt;17&lt;/option&gt; &lt;option value="18"&gt;18&lt;/option&gt; &lt;option value="19"&gt;19&lt;/option&gt; &lt;option value="20"&gt;20&lt;/option&gt; &lt;option value="21"&gt;21&lt;/option&gt; &lt;option value="22"&gt;22&lt;/option&gt; &lt;option value="23"&gt;23&lt;/option&gt; &lt;option value="24"&gt;24&lt;/option&gt; &lt;option value="25"&gt;25&lt;/option&gt; &lt;option value="26"&gt;26&lt;/option&gt; &lt;option value="27"&gt;27&lt;/option&gt; &lt;option value="28"&gt;28&lt;/option&gt; &lt;option value="29"&gt;29&lt;/option&gt; &lt;option value="30"&gt;30&lt;/option&gt; &lt;option value="31"&gt;31&lt;/option&gt; &lt;option value="32"&gt;32&lt;/option&gt; &lt;option value="33"&gt;33&lt;/option&gt; &lt;option value="34"&gt;34&lt;/option&gt; &lt;option value="35"&gt;35&lt;/option&gt; &lt;option value="36"&gt;36&lt;/option&gt; &lt;option value="37"&gt;37&lt;/option&gt; &lt;option value="38"&gt;38&lt;/option&gt; &lt;option value="39"&gt;39&lt;/option&gt; &lt;option value="40"&gt;40&lt;/option&gt; &lt;/select&gt; </code></pre>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload