具有动态表单的Javascript数组
这件事快把我逼疯了,所以我当然希望so社区能给我一些启示。问题是,我正在创建一个订单,用户可以从中选择两个选项(报告或评级),动态填充数量下拉列表。为了计算他们的订单总数,我相信我必须将下拉列表转换为数组,但是我不知道如何对动态下拉列表执行此操作。为了澄清,数组应该将货币值与每个选项相关联。下面是一些代码: 用于动态选项的Javascript:具有动态表单的Javascript数组,javascript,Javascript,这件事快把我逼疯了,所以我当然希望so社区能给我一些启示。问题是,我正在创建一个订单,用户可以从中选择两个选项(报告或评级),动态填充数量下拉列表。为了计算他们的订单总数,我相信我必须将下拉列表转换为数组,但是我不知道如何对动态下拉列表执行此操作。为了澄清,数组应该将货币值与每个选项相关联。下面是一些代码: 用于动态选项的Javascript: function dropdownlist(listindex) { document.form.rnr.optio
function dropdownlist(listindex)
{
document.form.rnr.options.length = 0;
switch (listindex)
{
case "0" :
document.form.rnr.options[0]=new Option("1 - $40","1");
document.form.rnr.options[1]=new Option("10 - $350 ($35 ea)","10");
document.form.rnr.options[2]=new Option("25 - $700 ($28 ea)","25");
document.form.rnr.options[3]=new Option("50 - $1200 ($24 ea)","50");
document.form.rnr.options[4]=new Option("100 - $2000 ($20 ea)","100");
break;
case "1" :
document.form.rnr.options[0]=new Option("Up to 249 - $750 (~$3 ea.)","249");
document.form.rnr.options[1]=new Option("Up to 499 - $1375 (~$2.75 ea.)","499");
document.form.rnr.options[2]=new Option("Up to 1000 - $2500 (~$2.50 ea)","1000");
document.form.rnr.options[3]=new Option("1000+ - $4000","100000");
break;
}
return true;
}
我在网上找到的关于数组的示例代码如下:
var cake_prices = new Array();
cake_prices["Round6"]=20;
cake_prices["Round8"]=25;
cake_prices["Round10"]=35;
cake_prices["Round12"]=75;
请忽略以下事实:示例使用蛋糕,蛋糕订单表单是开发人员在我使用的教程中使用的示例,不幸的是,该教程是针对静态数据的。提前感谢,如果需要任何澄清或需要任何附加代码,请随时通知我
补充:
下拉菜单的调用形式如下:
<select class="form" name="type" id="type" style="height:26px;" onchange="javascript:dropdownlist(this.options[this.selectedIndex].value);">
<option value="" selected="selected" disabled="disabled">Select an Option</option>
<option value="0">Reports</option>
<option value="1">Ratings</option>
<script type="text/javascript" language="JavaScript">
document.write('<select class="form" name="rnr" id="rnr" style="height:26px;"><option value="">Select an option</option></select>')
</script>
<noscript>
<select class="form" name="rnr" id="rnr" style="height:22px; "></select>
</noscript>
选择一个选项
报告
评级
document.write('选择一个选项')
好的,我自己解决了这个问题,下面是我为那些自己面临这个问题的人所做的:
<script>
var rnr_prices= new Array();
rnr_prices["1"]=40;
rnr_prices["10"]=350;
rnr_prices["25"]=700;
rnr_prices["50"]=1200;
rnr_prices["100"]=2000;
rnr_prices["249"]=750;
rnr_prices["499"]=1350;
rnr_prices["249"]=750;
rnr_prices["1000"]=2000;
rnr_prices["100000"]=4000;
function getDropPrice()
{
var dropPrices=0;
var theForm = document.forms["form"];
var selectedtype = theForm.elements["rnr"];
dropPrices = rnr_prices[selectedtype.value];
return dropPrices;
}
</script>
var rnr_prices=新数组();
rnr_价格[“1”]=40;
rnr_价格[“10”]=350;
rnr_价格[“25”]=700;
rnr_价格[“50”]=1200;
rnr_价格[“100”]=2000;
rnr_价格[“249”]=750;
rnr_价格[“499”]=1350;
rnr_价格[“249”]=750;
rnr_价格[“1000”]=2000;
rnr_价格[“100000”]=4000;
函数getDropPrice()
{
var-dropPrices=0;
var theForm=document.forms[“form”];
var selectedtype=form.elements[“rnr”];
dropPrices=rnr_价格[selectedtype.value];
退货价格;
}
在这里找到了解决方案:您如何调用
dropdownlist
?@David我在问题中添加了实际形式的脚本,谢谢!你需要阵列做什么?当他们选择一个选项时,为什么你不能直接使用parseInt(option.value)
?我真的不理解这个问题。.你是否在每次选择
选项时都试图更新数组?我试图做的是以整体形式给出他们订单的实时总计,因此,我尝试将货币值与实时函数的每个选项相关联。