我有一个小问题,希望有人可以提供帮助。我是Web编程课程的学生,教师已将作业分配给:在表单中的运费字段中添加“onChange”事件处理程序,以便在用户更改所选的运送方法时运行“shipping_price()”函数。
以下是他提供的代码:
<td colspan="3" align="right"><span class="fmlabel">Shipping:</span>
<select name="shipping">
<option value="0">Select a Shipping Method
<option value="7.95">3-5 days ($7.95)
<option value="9.95">2 days ($9.95)
<option value="12.95">Next Day ($12.95)
</select>
</td>
我在这里放的是他为这部分作业提供的所有信息,任何帮助都会很棒。
编辑:
我接受了建议的帮助并将其放入:
function shipping_price()
{
var ship=document.getElementById("shipping");
document.order.total.value=(shipping+sub_total);
}
<tr>
<td colspan="3" align="right"><span class="fmlabel">Shipping:</span>
<select name="shipping" onChange="shipping_price">
<option value="0">Select a Shipping Method
<option value="7.95">3-5 days ($7.95)
<option value="9.95">2 days ($9.95)
<option value="12.95">Next Day ($12.95)
</select>
</td>
<td><input class="numbers" name="sub8" id="sub8" size="7" value="0.00" disabled></td>
</tr>
如果我更改送货字段的值,但不会将“选项值=”放入送货字段,则此方法有效。
答案 0 :(得分:0)
有很多方法可以做到这一点。有很多阅读网站。下面是其中一种方法。当选择中的值更改为新值时。然后functionfirst()将调用,functionfirst()将警告所选值。
<script>
function functionfirst(){
var myselect = document.getElementById("shipping");
alert(myselect.options[myselect.selectedIndex].value);
}
</script>
<td colspan="3" align="right"><span class="fmlabel">Shipping:</span>
<select id="shipping" name="shipping" onchange="functionfirst()">
<option value="0">Select a Shipping Method</option>
<option value="7.95">3-5 days ($7.95)</option>
<option value="9.95">2 days ($9.95)</option>
<option value="12.95">Next Day ($12.95)</option>
</select>
</td>