UC知道js html 高手进来看，解决了有追加分的
来源：百度知道 编辑：UC知道 时间：2024/05/31 05:38:59
select 1 (产品名称)
select 2 (产品规格)
select 3 (数量）
input 4 (显示金额)
第一个select1 和 select2 是联动，select3 选中后，最后一项自动显示金额，我在网上搜了好久也没有相关的例子，哪位知道，请给个思路也好，谢谢
<script language="javascript">
function calc(){
document.forms[0].s1.value = document.forms[0].x1.value * document.forms[0].x2.value;
}
</script>
<form>
<select name="select" id="x1" onblur="calc();">
<option value="22.8">鞋</option>
<option value="56.88">保健品</option>
</select>
<select name="select" id="x2" onblur="calc();">
<option value="1">1</option>
<option value="2">2</option>
</select>
<input type=text id=s1 readonly>
</form>
以上我做了是两个字段计算的，这样可以实现了，但是客户现在要求再加一个
select 2 (产品规格)
select 3 (数量）
input 4 (显示金额)
第一个select1 和 select2 是联动，select3 选中后，最后一项自动显示金额，我在网上搜了好久也没有相关的例子，哪位知道，请给个思路也好，谢谢
<script language="javascript">
function calc(){
document.forms[0].s1.value = document.forms[0].x1.value * document.forms[0].x2.value;
}
</script>
<form>
<select name="select" id="x1" onblur="calc();">
<option value="22.8">鞋</option>
<option value="56.88">保健品</option>
</select>
<select name="select" id="x2" onblur="calc();">
<option value="1">1</option>
<option value="2">2</option>
</select>
<input type=text id=s1 readonly>
</form>
以上我做了是两个字段计算的，这样可以实现了，但是客户现在要求再加一个
先试着去写，然后把你下的贴出来，大家帮你修改和完善。
你现在什么数据都没有，写起来非常空洞，而且写了半天你也不一定能融合到你的具体程序里面去
补充：
你还是让我闭门造车呀，联动写了个例子，你自己拿去测试看看：
<script type=text/javascript>
var ss1=['名称一','名称二','名称三'];
var ss2=[['规格1.1','规格1.2'],
['规格2.1','规格2.2','规格2.3'],
['规格3.1','规格3.2','规格3.3','规格3.4']];
document.write('选择名称：<select name=select1 onChange="chg_select2(this.selectedIndex);">');
document.write('<option>',ss1.join('<option>'));
document.write('</select><br>');
document.write('选择规格：<select name=select2>');
document.write('<option>',ss2[0].join('<option>'));
document.write('</select><br>');
function chg_select2(n){
for (i=select2.options.length;i>=0;i--) select2.options[i]=null;
for