学校作业改变

时间:2013-11-27 15:21:13

标签: javascript

我有一个小问题,希望有人可以提供帮助。我是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>

如果我更改送货字段的值,但不会将“选项值=”放入送货字段,则此方法有效。

1 个答案:

答案 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>