Question

Let’s say I have this:

<select name="exposure">
                         <option value='1,0.005'>Micro</option> 
                         <option value='2,0.007'>Mini</option> 
                       </select>

                       <select name="clicks">
                          <option value="2500">2500 - Clicks</option >
                          <option value="500">500 - Clicks</option >
                        </select>

                        <label>Price:</label>

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

How can I do, so whenever I select something from select="exposure", it will automatically change the OPTIONS of select="clicks", and at last, take the value from select=”clicks” and then multiply it with the second value of select="exposure".

Example

I have selected

<option value='2,0.007'>Mini</option> 

And with this option, the only click package that is available is:

<option value="2500">2500 - Clicks</option >

Price: 0.007*2500 = 17,5

Is that possible?

Answer 1

Try this

$("select[name=clicks]").change(function(){
   $("label").text( parseFloat($(this).val()) * parseFloat($("select[name=clicks]:option:eq(1)")[0].value) );
});