用Js实现自动计算价格的二级联动表单代码--Java免费学习网

二级表单联动，选择的支付方式、购买不同数量产品的折扣，自动计算出应付金额。

脚本部分代码：
<script language="javascript">
<!--
function change(aid,bid){
if (aid == '银行汇款' || aid == '支付宝' ){
if (bid == '卡路里·瘦1盒装'){
document.forma.number.value=1;
document.forma.paym.value=258;
}
if (bid == '卡路里·瘦2盒装'){
document.forma.number.value=2;
document.forma.paym.value=430;
}
if (bid == '卡路里·瘦3盒装'){
document.forma.number.value=3;
document.forma.paym.value=570;
}
if (bid == '卡路里·瘦4盒装'){
document.forma.number.value=4;
document.forma.paym.value=770;
}
}
if (aid == '货到付款'){
if (bid == '卡路里·瘦1盒装'){
document.forma.number.value=1;
document.forma.paym.value=288;
}
if (bid == '卡路里·瘦2盒装'){
document.forma.number.value=2;
document.forma.paym.value=460;
}
if (bid == '卡路里·瘦3盒装'){
document.forma.number.value=3;
document.forma.paym.value=600;
}
if (bid == '卡路里·瘦4盒装'){
document.forma.number.value=4;
document.forma.paym.value=800;
}
}
}
-->
</script>
表单部分代码：

<form method=post action='?act=add' name=forma οnsubmit='return checkform();'>

选项一:
<select name="payment" οnchange="change(this.value,document.forma.email.value)">
<option value="货到付款">货到付款</option>
<option value="银行汇款">银行汇款</option>
<option value="支付宝">支付宝</option>
</select>

选项二:
<select name="email" οnchange="change(document.forma.payment.value,this.value)">
<option value="卡路里·瘦1盒装" >卡路里·瘦1盒装</option>
<option value="卡路里·瘦2盒装" >卡路里·瘦2盒八折</option>
<option value="卡路里·瘦3盒装" >卡路里·瘦3盒七折</option>
<option value="卡路里·瘦4盒装" >卡路里·瘦4盒七折</option>
</select>

表单:
<input name="paym" id="paym" type="text" readonly="readonly" value="288" />

</form>

文章转载自 http://www.javalearns.com/Html/?1677.html


更多Java知识学习请访问 Java免费学习网  http://www.javalearns.com