Refresh Javascript Variable without page reload

Question

I have this form with a select list box in it. It shows a total that will change when the user selects different options:

<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="[email protected]">   
                                            <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>

I haven't got a function refresh() but I'm guessing I'm going to need one?

TIA

You probaly want to do event binding here and have a callback function that will update your ui.. — Baz1nga
– Baz1nga, Commented Aug 25, 2011 at 22:08

Muhammad Usman · Accepted Answer · 2011-08-25 23:01:26Z

2

Okay, created refresh() for you. Working demo is here 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="[email protected]">   
                                            <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>

edited Aug 25, 2011 at 23:01

answered Aug 25, 2011 at 22:16

Muhammad Usman

12.5k6 gold badges39 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

James MV Over a year ago

Might not have been clear enough, I want the total in docuement.write(total) to update without reloading the page. No alert just the value on the plain page. Thanks for the answer anyhow.

Muhammad Usman Over a year ago

Which value's total you want to add with delivery? Make the thing clear. If you mean jtotal, its not defined in the code.

James MV Over a year ago

Its not in that little snippet, but it is in there way up the code.

Muhammad Usman Over a year ago

OK I assume jtotal=10, so now I have edited my code above, also you can check here jsfiddle.net/hwwDj/3

Collectives™ on Stack Overflow

Refresh Javascript Variable without page reload

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related