Define Selector

by Otobong Okoko

HTML

<select id="mySelect">
    <option value="">Select Option</option>
    <option value="1">Monthly</option>
    <option value="2">Annually</option>
</select><br><br>

Rate = <span id="rate"></span><br>
Period = <span id="period"></span><br>
Time = <span id="time"></span><br>
Freq = <span id="freq"></span><br>

JavaScript

$("#mySelect").change(function(){
		var rate = ((6 / 100) - ((10 / 100) * (6 / 100)));
    var freq = 1;
    var perp = 36;
    var time = 12;
		var push = document.getElementById("mySelect").value;
    //console.log(push);
    if(push == 1)
    {
    	rate = rate/time;
      freq = freq/time;
      perp = perp/time;
      time = time/time;
      document.getElementById('rate').innerHTML = rate;
      document.getElementById('period').innerHTML = perp;
      document.getElementById('time').innerHTML = time;
      document.getElementById('freq').innerHTML = freq;
    }
    else if(push == 2)
    {
    	document.getElementById('rate').innerHTML = rate;
      document.getElementById('period').innerHTML = perp;
      document.getElementById('time').innerHTML = time;
      document.getElementById('freq').innerHTML = freq;
    }
})