Changing values on the fly

Changing values on the fly

Hey All,

Im trying to write a small calculator ... but to be honest i cant write jquery to save my life, so i need a bit of help .... basically i have 2 dropdown boxes and a total field, like so

  1. <select name="type">
        <option value="">--- Select Style ---</option>
        <option value="">Full Colour - 1 Side</option>
        <option value="">Full Colour - 1 Side - Black Reverse</option>
        <option value="">Full Colour - 2 Side</option>
    </select>

    <select name="qty">
        <option value="">250</option>
        <option value="">500</option>
        <option value="">1000</option>
        <option value="">2000</option>
        <option value="">5000</option>
    </select>

    <div id="total-price"></div>














I want the prices to display on the fly when you click something ... So when you click Full Colour - 1 Side and qty 250 the div displays a price of say $200 ... If you chose a qty of 500 it displays $500 .... if you choose Full Colour - 1 Side - Black Reverse and a qty of 5000 it displays $5000 and so on.

Can someone please give me a helping hand ... i have no idea how i can approach it.

Cheers,