gpt4 book ai didi

javascript - 如何根据多个用户选择有效地定义变量?

转载 作者:行者123 更新时间:2023-11-28 09:10:29 27 4
gpt4 key购买 nike

我正在为一家公司网站编写一个程序,该程序将允许他们在电话上进行报价,这是他们手工完成的过程有一段时间了。他们出售的商品之一是屋顶的屋脊盖。该商品的价格由用户做出的 4 个决定决定。

  1. 客户定价级别,有 3 个选择(单选按钮)
  2. 状况,2 个选择(平面或雕刻,下拉框)
  3. 颜色,有4种选择(下拉框)
  4. 宽度,有14个选择(下拉框)

到目前为止,我已经用一个巨大的 If...else if 语句定义了这个变量,该语句超过 1000 行代码。问题是大多数产品都是相同的,按照这个速度,我需要几个月的时间才能完成。我将在下面发布我的 HTML,然后是脚本。预先感谢任何可以提供帮助的人。 (注意:我只发布了我认为有助于解决我的问题所必需的代码,假设我知道周围的标签,例如表格等)

用于颜色选择的 HTML...(每种颜色都会改变价格)

<td><form name="form2" method="post" action="">
<label for="color"></label>
<select name="color" id="color">
<option value="galvanized">galvanized</option>
<option value="galvalume">galvalume</option>
<option value="metallic copper">metallic copper</option>
<option value="red">red</option>// there are many painted colors which is why i use "else" for this price change.
</select>
</form>

trim 的 HTML...(选择条件和宽度)

<td>Ridge:</td>
<td><select id="ridgeChoice" name="ridgeChoice">
<option value="Sculpted">Sculpted</option>
<option value="Flat">Flat</option>
</select>&nbsp;Qty:
<input id="ridgeTrim" type="text" value="" size="3">&nbsp; Width:<select id="ridgeWidth" name="ridgeWidth">
<option value="13">13"</option>
<option value="16">16"</option>
<option value="18">18"</option>
<option value="20">20"</option>
<option value="22">22"</option>
<option value="24">24"</option>
<option value="26">26"</option>
<option value="28">28"</option>
<option value="30">30"</option>
<option value="32">32"</option>
<option value="34">34"</option>
<option value="36">36"</option>
<option value="38">38"</option>
<option value="40">40"</option>
</select>
</td>

价格水平的 HTML 只是一个带有三个选项的单选组,这也会影响价格。

Javascript...

var ridgeChoice=document.getElementById("ridgeChoice").value;
var ridgeWidth=document.getElementById("ridgeWidth").value;

var ridgePrice;
if (ridgeChoice=="Sculpted")
{
if (retailPrice.checked)
{
if (ridgeWidth=="13")
{
if(colorChoice=="galvalume")
{
ridgePrice=14.70;
}
else if (colorChoice=="metallic copper")
{
ridgePrice=19.55;
}
else if (colorChoice=="galvanized")
{
ridgePrice=13.35;
}
else
{
ridgePrice=16.65;
}
}
else if (ridgeWidth=="16")
{
if(colorChoice=="galvalume")
{
ridgePrice=21.30;
}
else if (colorChoice=="metallic copper")
{
ridgePrice=29.50;
}
else if (colorChoice=="galvanized")
{
ridgePrice=20.5;
}
else
{
ridgePrice=22.90;
}
}

这会持续 1000 行。有没有更好的方法来根据许多不同的用户选择来定义变量?

最佳答案

为什么不将选择和价格放入属性文件中。由于属性文件适用于键值对,因此您只需从用户选择中获取相应的键,然后从 Properties 中获取对应的价格。这也将使您不必对价格和颜色进行硬编码。您可以在 html 中创建下拉列表,然后使用 javascript 填充它。您可以将属性文件读取逻辑放在一个java文件中,该文件可以在您的javascript中引用。

您的属性文件可能如下所示:

galvalume=14.70
galvanized=13.35

希望对你有帮助!

关于javascript - 如何根据多个用户选择有效地定义变量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16400174/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com