javascript - 刷新 Javascript 变量而不重新加载页面

Question

我有这个表单，其中有一个选择列表框。它显示当用户选择不同选项时会发生变化的总数:

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" name="paypal">
                                               <input type="hidden" name="cmd" value="_cart">
                                               <input type="hidden" name="upload" value="1">
                                               <input type="hidden" name="currency_code" value="GBP">
                                               <input type="hidden" name="business" value="contact@contact.org">   
                                            <select name="handling_cart" onChange="refresh();" style="margin-bottom: 5px;">
                                            <option selected value="10.00">UK £10.00</option>
                                            <option value="30.00">France £30.00</option>
                                            <option value="35.00">Germany £35.00</option>
                                            </select>                               
                                            </td>
                                        </tr>
                                        <tr>
                                        <td>Grand Total:</td>
                                        <td>£
                                        <script lanuage="JavaScript">                                           


                                        var delivery = document.paypal.handling_cart.value;

                                        var total = parseInt(jtotal)+parseInt(delivery); 
                                        document.write(total);
                                        </script></td>
                                        </tr> 

我没有函数refresh()，但我猜我需要一个？

TIA

Answer 1

好的，已经为你创建了refresh()。工作演示在这里 http://jsfiddle.net/hwwDj/3/

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" name="paypal">
                                               <input type="hidden" name="cmd" value="_cart">
                                               <input type="hidden" name="upload" value="1">
                                               <input type="hidden" name="currency_code" value="GBP">
                                               <input type="hidden" name="business" value="contact@contact.org">   
                                            <select name="handling_cart" onChange="refresh();" style="margin-bottom: 5px;">
                                            <option selected value="10.00">UK £10.00</option>
                                            <option value="30.00">France £30.00</option>
                                            <option value="35.00">Germany £35.00</option>
                                            </select>                               
                                            </td>
                                        </tr>
                                        <tr>
                                        <td>Grand Total:</td>
                                            <td><div id="etd">£</div></td>
                                            </tr> 
                                        <script lanuage="javascript">                                           
var jtotal=10;

                                        var delivery = document.paypal.handling_cart.value;
                                            function refresh()
                                            {
                                                  delivery = document.paypal.handling_cart.value;
                                        var total = parseInt(jtotal)+parseInt(delivery); 
   document.getElementById("etd").innerHTML="£ "+total;
                                            }


                                            //document.write(total);
                                        </script>