- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我的表单中遇到一个问题,当选择另一个选项时,该问题会更新最终价格。我不确定问题出在哪里,但我已经彻底查找过。我之前使用过这个确切的代码,只是使用了不同的变量名称和 ID。这可能是最明显的错误,但我真的很感激您的帮助。请注意,我在 JavaScript 方面没有经验 - 我这样做只是为了练习,但我真的很难得到我想要的结果,我相信帮助将帮助我理解我出错的地方,以供将来引用,如果这是对我的问题的复杂答案.
HTML:
<form name="pcoptions">
<label>Choose Your Build Time
<select name="buildtimeItem" onchange="calculatePrice()" id="buildtimeItem">
<option value="0.00">Standard Build - Ready to ship within 7 working days (£0.00)</option>
<option value="60">FAST TRACK BUILD - Ready to ship within 4 working days (+ £60.00)</option>
<option value="100.00">FAST TRACK BUILD- Ready to ship within 2 working days (+ £100.00)</option>
</select>
</label>
<label>Choose Your Warranty
<select name="warrantyItem" onchange="calculatePrice()" id="warrantyItem">
<option value="0.00">24 MONTH WARRANTY - Collect & Return (£0.00)</option>
<option value="119.00">36 MONTH WARRANTY - Collect & Return (+ £119.99)</option>
</select>
</label>
<label>Choose Your Operating System
<select name="osItem" onchange="calculatePrice()" id="osItem">
<option value="0.00">No Operating System (£0.00)</option>
<option value="77.99">Microsoft Windows 7 Home Premium 64 Bit (+ £77.99)</option>
<option value="116.99">Microsoft Windows 7 Professional 64 Bit OEM (+ £116.99)</option>
<option value="146.99">Microsoft Windows 7 Ultimate 64 Bit OEM (+ £146.99)</option>
<option value="77.99">Microsoft Windows 8.1 64 Bit (+ £77.99)</option>
<option value="116.99">Microsoft Windows 8.1 Pro 64 Bit (+ £116.99)</option>
</select>
</label>
<label>Choose Your Security Software
<select name="securityItem" onchange="calculatePrice()" id="securityItem">
<option value="0.00">30 Day Free Trial - Eset Smart Security Anti Virus and Internet Security (£0.00)</option>
<option value="26.99">Eset NOD32 AntiVirus - 1 Year License (+ £26.99)</option>
<option value="34.99">Eset Smart Security Anti Virus and Internet Security - 1 Year License (+ £34.99)</option>
<option value="54.99">Eset Smart Security Anti Virus and Internet Security - 2 Year License (+ £54.95)</option>
<option value="74.99">Eset Smart Security Anti Virus and Internet Security - 3 Year License (+ £74.99)</option>
<option value="0.00">No Security Software Supplied (£0.00)</option>
</select>
</label>
<label>Choose Your Case
<select name="casepcItem" onchange="calculatePrice()" id="casepcItem">
<option value="0.00">BitFenix Neos ATX Tower Case - Black/Red (£0.00)</option>
<option value="0.00">BitFenix Neos ATX Tower Case - Black (£0.00)</option>
<option value="0.00">BitFenix Neos ATX Tower Case - White/Silver (£0.00)</option>
<option value="0.00">BitFenix Neos ATX Tower Case - White/Red (£0.00)</option>
<option value="0.00">BitFenix Neos ATX Tower Case - White/Blue (£0.00)</option>
<option value="0.00">BitFenix Neos ATX Tower Case - White/White (£0.00)</option>
<option value="0.00">BitFenix Neos ATX Tower Case - Black/Silver (£0.00)</option>
<option value="0.00">BitFenix Neos ATX Tower Case - Black/Blue (£0.00)</option>
</select>
</label>
<label>Choose Your Memory
<select name="ramItem" onchange="calculatePrice()" id="ramItem">
<option value="0.00">8GB (2x4GB) DDR3 1600MHz Dual Channel (£0.00)</option>
<option value="66.96">16GB (2x8GB) DDR3 1600MHz Dual Channel (+ £66.96)</option>
</select>
</label>
<label>Choose Your Primary Hard Drive / Solid State Drive
<select name="primaryhddItem" onchange="calculatePrice()" id="primaryhddItem">
<option value="0.00">Seagate Barracuda 500GB 7200RPM Hard Drive (£0.00)</option>
<option value="5.46">Seagate Barracuda 1TB 7200RPM Hard Drive (+ £5.46)</option>
<option value="26.50">Seagate Barracuda 2TB 7200RPM Hard Drive (+ £26.50)</option>
<option value="25.50">Samsung 120GB 840 Evo Series Solid State Drive (+ £25.50)</option>
<option value="65.46">Samsung 250GB 840 Evo Series Solid State Drive (+ £65.46)</option>
<option value="145.50">Samsung 500GB 840 Evo Series Solid State Drive (+ £145.50)</option>
<option value="284.99">Samsung 1TB 840 Evo Series Solid State Drive (+ £284.99)</option>
</select>
</label>
<label>Choose Your Secondary Hard Drive / Solid State Drive
<select name="secondaryhddItem" onchange="calculatePrice()" id="secondaryhddItem">
<option value="0.00">No Second Hard Drive (£0.00)</option>
<option value="59.99">Samsung 120GB 840 Evo Series Solid State Drive (+ £59.99)</option>
<option value="99.95">Samsung 250GB 840 Evo Series Solid State Drive (+ £99.95)</option>
<option value="179.99">Samsung 500GB 840 Evo Series Solid State Drive (+ £179.99)</option>
<option value="319.48">Samsung 1TB 840 Evo Series Solid State Drive (+ £319.48)</option>
<option value="39.95">Seagate Barracuda 1TB 7200RPM Hard Drive (+ £39.95)</option>
<option value="60.98">Seagate Barracuda 2TB 7200RPM Hard Drive (+ £60.98)</option>
<option value="76.99">Seagate Barracuda 3TB 7200RPM Hard Drive (+ £76.99)</option>
</select>
</label>
<label>Choose Your Graphics Card
<select name="gpuitem" onchange="calculatePrice()" id="gpuItem">
<option value="0.00">AMD Radeon R7 240 2048MB Graphics Card (£0.00)</option>
<option value="18.00">AMD Radeon R7 250 2048MB Graphics Card (+ £18.00)</option>
<option value="35.00">AMD Radeon R7 260X 2048MB Graphics Card (+ £35.00)</option>
<option value="84.86">AMD Radeon R9 270X 2048MB Graphics Card (+ £84.96)</option>
<option value="105.00">AMD Radeon R9 270X 4096MB Graphics Card (+ £105.00)</option>
<option value="143.00">AMD Radeon R9 280 3072MB Graphics Card (+ £143.00)</option>
<option value="155.00">AMD Radeon R9 280X 3072MB Graphics Card (+ £155.00)</option>
</select>
</label>
<label>Choose Your Sound Card
<select name="soundItem" onchange="calculatePrice()" id="soundItem">
<option value="0.00">No Sound Card Upgrade (£0.00)</option>
<option value="22.99">Asus Xonar DG 5.1 Sound Card With Built In Headphone Amp (+ £22.99)</option>
<option value="34.99">Asus Xonar DS 7.1 Sound Card (+ £34.99)</option>
<option value="49.99">Asus Xonar D1 7.1 Sound Card (+ £49.99)</option>
<option value="89.99">Asus Xonar D2 7.1 Sound Card (+ £89.99)</option>
</select>
</label>
<button type="button" onclick="calculatePrice()"></button>
Total Price<INPUT type="text" id="finalpriceexcvat"/>
</form>
这是与之配套的 JavaScript:
function calculatePrice(pcoptions) {
var cost = document.getElementById("buildtimeItem");
var buildtime = cost.options[cost.selectedIndex].value;
var cost2 = document.getElementById("warrantyItem");
var warranty = cost2.options[cost2.selectedIndex].value;
var cost3 = document.getElementById("osItem");
var os = cost3.options[cost3.selectedIndex].value;
var cost4 = document.getElementById("securityItem");
var security = cost4.options[cost4.selectedIndex].value;
var cost5 = document.getElementById("casepcItem");
var casepc = cost5.options[cost5.selectedIndex].value;
var cost6 = document.getElementById("ramItem");
var ram = cost6.options[cost6.selectedIndex].value;
var cost7 = document.getElementById("primaryhddItem");
var primaryhdd = cost7.options[cost7.selectedIndex].value;
var cost8 = document.getElementById("secondaryhddItem");
var secondaryhdd = cost8.options[cost8.selectedIndex].value;
var cost9 = document.getElementById("gpuItem");
var gpu = cost9.options[cost9.selectedIndex].value;
var cost10 = document.getElementById("soundItem");
var sound = cost10.options[cost10.selectedIndex].value;
buildtime = parseInt(buildtime, 10);
warranty = parseInt(warranty, 10);
os = parseInt(os, 10);
security = parseInt(security, 10);
casepc = parseInt(casepc, 10);
ram = parseInt(ram, 10);
primaryhdd = parseInt(primaryhdd, 10);
secondaryhdd = parseInt(secondaryhdd, 10);
gpu = parseInt(gpu, 10);
sound = parseInt(sound, 10);
var total = buildtime + warranty + os + security + casepc + ram + primaryhdd + secondaryhdd + gpu + sound;
document.getElementById("finalpriceexcvat").value = total;
}
我的实践来自其他网站,我在这些网站上查看它们,并尝试以不同的格式做他们所做的事情。你们中的一些人可能会从某个地方认出这个布局。我正在寻找的结果很明确 - 我只想在每个选项发生变化时改变价格。如果可能的话,每个项目的默认值(0.00)都会有一个最低价格 - 这样做简单吗?
再次,如果我的问题的答案是显而易见的,但我自己正在努力解决它,我很抱歉。
谢谢
编辑
问题已解决,价格现在显示在总计框中。不过,我还有另一个问题,作为一个小问题 - 我将如何确保结果显示它会花费多少美分?目前它只显示以磅为单位的成本(所以基本上是十进制)。当我选择多个选项时,ParseFloat 返回超过 2 位小数的数字。
编辑2
小数位问题已经解决,现在只剩下一个问题 - 我将如何将 PC 的默认值一起设置为输入中的最小值,并且当选择一个选项时,该值将加上 123.45 英镑。我尝试将 value=""添加到 HTML 的输入中,但它只是删除了该值并将其替换为所选的选项。谢谢
最佳答案
关于javascript - HTML 和 JavaScript 形成多个选项的总价不变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26034468/
我有 2 个表 t1,其中存储价格和项目类型以及一个 ENUM 值和 t2,其中存储销售数量。我有一个计算总销售额(价格 * 数量)的查询,但我需要计算两个结果数字之间的差值。 两个数之差的计算公式应
我在使用 zsh 运行 Big Sur 11.2 的 Mac 上更改运行的 java 版本时遇到问题。我想将 Java 1.8 设置为默认设置,因此我使用以下命令设置 JAVA_HOME: $ uns
在下面的代码中,当我改变选择时,会有一个alert。我试图使该功能类似于当我单击 option 时它会显示 alert。 $(document).ready(function() { $("#x"
好吧,我正在制作一个简单的 react 游戏,我的代码如下。现在,当调用 startGame() 时,如果我注释掉 while 循环,一切都会发生,但是当我使用 thread.sleep(1000)
我目前正在尝试将 .plist 文件中的 CFBundleURLTypes 的值更改为新值,但似乎没有任何效果,并且如果我调用,旧值仍然存在 NSLog(@"%@", [[NSBundle mainB
我正在尝试使用 Jsoup 中的解析函数来解析 html 字符串。 我尝试阅读了很多相关的帖子以及API,但仍然没有找到答案。 String html = ""others"; Docume
我正在尝试为水平列表项关闭设置动画alpha 动画有效,layoutparam 值也随时间减少但出于某种原因,这并没有改变列表项的实际高度。 @Override protected void appl
双管道等于: MY_CONST ||= 42 运算符定义? MY_CONST = 42 unless defined? MY_CONST 为什么第二种方式更为普遍?第一个有什么缺点吗? 最佳答案 在一
我希望我的站点地址栏在访问子页面时不要更改其地址,它应该显示我的 index.html ,即使我进入 tosub 页面。 就像我打开 www.xyz.com我导航到它仍应显示的任何页面 www.xyz
我试图通过将购物车存储在数据库的表中来创建购物车,而不是使用内置的 CI 购物车类。我使用 sessionID 来识别一个访问者和另一个访问者。但是我发现sessionID在一段时间内一直在变化,连访
我面临一个奇怪的问题。一旦更改了.java文件-看来测试仍在使用该文件的早期版本(.class)。 从我的 Angular 来看,应该从.build文件夹中删除该类,并从新版本的.java文件重新编译
下面的R代码显示了一个关于向量组合的例子,之后,向量“c”的属性变成了字符。如何让它仍然保持属性为数字? a='aa';b='bb';c=c(1,2,3,4,5) dd=data.table(cbin
我一直在使用 Kinect 和语音识别,我注意到我无法让 AudioLevel 成员从我的 SpeechRecognitionEngine 对象中更改。 我成功地让命令被识别,所以我知道 kinect
大家好,我已经实现了通知功能。我对通知 ID 有疑问。 这是我的代码: protected void ShowNotification(String title, String text){ Noti
所以我第一次正确设置了 UIView 图层的阴影(它显示得非常好)但是当我尝试更改颜色时(没有别的,只是 layer.shadowColor)它不会在 View 中更新。它仍然显示原始颜色。我已经尝试
使用 java 我想在一个程序中生成一些随机值,然后在每次执行第二个程序时在其他程序中使用这些值。 这样做的目的是生成一次随机值,然后在以后每次运行程序时保持并保持它们不变。有可能吗?谢谢 最佳答案
我有几个组件,所有组件都继承了 JCheckBox 而没有覆盖它的任何内容,存储在一个 vector 中,然后遍历该 vector 并将每个组件添加到一个对话框中 CreateLists(); //
我有一个 UITabBarController。现在我想在其上方添加一个 View ,并在用户切换到另一个选项卡时使 View 保持不变。我尝试创建一个 UIViewController,并将 UIT
我正在使用 curses 来打印一个非常漂亮的控制台 UI,我需要它依赖于终端大小。为此,我阅读了 here ,我可以使用 shutil.get_terminal_size .所以我正在做这段代码:
我有一个jsfiddle here . fiddle 中有许多标记文本框。在文本框中输入一个数字,然后继续单击“添加问题”按钮。您将看到剩余的总分等于 10,但它不会改变。剩余分数的数量应该通过减去附
我是一名优秀的程序员,十分优秀!