请问一下,
捷达-高档=15万/台, 2台=14.8万,3台=42万。
捷达-中档=12万/台,2台=23.5万,3台=35.1万。
捷达-普通=9万/台,2台=17.4万,3台=25万。
大众-高档=15.5万/台,2台=30.5万,3台=46万。
大众-中档=12.6万/台,2台=25万,3台=36.1万。
大众-普通=9.2万/台,2台=18.3万,3台=27.1万。
捷克-高档=15.6万/台,2台=31.5万,3台=46.2万。
捷克-中档=10.6万/台,2台=21万,3台=31万。
捷克-普通=9.1万/台,2台=17.9万,3台=26.8万。
跟据下面的HTML代码,想计算轿车的价格。
JS代码该如何写?请详细一些。
谢谢~
<SELECT NAME="good" onChange="">
<option value=''>-- 请选择商品 --
<option value='Standard' >捷达轿车2000
<option value='Basic' selected>大众
<option value='Global' >捷克
</SELECT><SELECT NAME="dangci" onChange="">
<option value=''>-- 请选择 --
<option value='1' >高档
<option value='2' >中档
<option value='3' >普通
</SELECT><select NAME="od_num" onChange="">
<option VALUE="">--请选择--</option>
<option VALUE="1" selected> 1台 </option>
<option VALUE="2"> 2台 </option>
<option VALUE="3"> 3台 </option>
</select><input type='text' name='all_price' value='' readonly>把计算的结果输出到这个文本框里。
捷达-高档=15万/台, 2台=14.8万,3台=42万。
捷达-中档=12万/台,2台=23.5万,3台=35.1万。
捷达-普通=9万/台,2台=17.4万,3台=25万。
大众-高档=15.5万/台,2台=30.5万,3台=46万。
大众-中档=12.6万/台,2台=25万,3台=36.1万。
大众-普通=9.2万/台,2台=18.3万,3台=27.1万。
捷克-高档=15.6万/台,2台=31.5万,3台=46.2万。
捷克-中档=10.6万/台,2台=21万,3台=31万。
捷克-普通=9.1万/台,2台=17.9万,3台=26.8万。
跟据下面的HTML代码,想计算轿车的价格。
JS代码该如何写?请详细一些。
谢谢~
<SELECT NAME="good" onChange="">
<option value=''>-- 请选择商品 --
<option value='Standard' >捷达轿车2000
<option value='Basic' selected>大众
<option value='Global' >捷克
</SELECT><SELECT NAME="dangci" onChange="">
<option value=''>-- 请选择 --
<option value='1' >高档
<option value='2' >中档
<option value='3' >普通
</SELECT><select NAME="od_num" onChange="">
<option VALUE="">--请选择--</option>
<option VALUE="1" selected> 1台 </option>
<option VALUE="2"> 2台 </option>
<option VALUE="3"> 3台 </option>
</select><input type='text' name='all_price' value='' readonly>把计算的结果输出到这个文本框里。
<!--温馨提示:客户端计算的价格只作为提高用户体验而用,一定要以服务端计算的为准-->
<SELECT NAME="good" onChange="cal()">
<option value=''>-- 请选择商品 --
<option value='Standard' >捷达轿车2000
<option value='Basic' selected>大众
<option value='Global' >捷克
</SELECT><SELECT NAME="dangci" onChange="cal()">
<option value=''>-- 请选择 --
<option value='1' >高档
<option value='2' >中档
<option value='3' >普通
</SELECT><select NAME="od_num" onChange="cal()">
<option VALUE="">--请选择--</option>
<option VALUE="1" selected> 1台 </option>
<option VALUE="2"> 2台 </option>
<option VALUE="3"> 3台 </option>
</select><input type='text' name='all_price' value='' readonly>
<script>
/*
捷达-高档=15万/台, 2台=14.8万,3台=42万。
捷达-中档=12万/台,2台=23.5万,3台=35.1万。
捷达-普通=9万/台,2台=17.4万,3台=25万。
大众-高档=15.5万/台,2台=30.5万,3台=46万。
大众-中档=12.6万/台,2台=25万,3台=36.1万。
大众-普通=9.2万/台,2台=18.3万,3台=27.1万。
捷克-高档=15.6万/台,2台=31.5万,3台=46.2万。
捷克-中档=10.6万/台,2台=21万,3台=31万。
捷克-普通=9.1万/台,2台=17.9万,3台=26.8万。
*/
var gd = document.getElementsByName("good")[0];
var dc = document.getElementsByName("dangci")[0];
var on = document.getElementsByName("od_num")[0];
var price = {"Standard":[[15,14.8,42],[12,23.5,35.1],[9,17.4,25]],
"Basic":[[15.5,30.5,46],[12.6,25,36.1],[9.2,18.3,27.1]],
"Global":[[15.6,31.5,46.2],[10.6,21,31],[9.1,17.9,26.8]]}var dp = document.getElementsByName("all_price")[0];cal = function(){
if(gd.value == '')
{
dp.value = '请选择商品';
}
else if (dc.value == '')
{
dp.value = '请选择档次';
}
else if (on.value == '')
{
dp.value = '请选择数量';
}
else if(gd.value != '' && dc.value != '' && on.value != ''){
//var num = parseFloat(price[gd.value][parseInt(dc.value)-1]) * parseInt(on.value);
//dp.value = num.toFixed(1) + '万';
dp.value = price[gd.value][parseInt(dc.value)-1][parseInt(on.value)-1] + '万';
}
}
</script>