请问一下,
捷达-高档=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>把计算的结果输出到这个文本框里。

解决方案 »

  1.   

    捷达-高档=15万/台, 2台=14.8万,2台比一台更加便宜???反正你参考一下我发过的那个嘛,知识点就JSON+二维数组
    <!--温馨提示:客户端计算的价格只作为提高用户体验而用,一定要以服务端计算的为准-->
    <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>