<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div style="text-align:center"> <div> <h3 id="price3" class="x-price">$179</h3> <span class="x-interval">Per Month</span><br> <select id="enterprise" style="font-size: 16px;" onchange="document.getElementById('price3').innerHTML='$'+this.value"> <option value="179">5 seats</option> <option value="199">7 seats</option> <option value="229">10 seats</option> <option value="299">15 seats</option> <option value="349">20 seats</option> <option value="389">25 seats</option> <option value="439">35 seats</option> <option value="499">50 seats</option> <option value="599">75 seats</option> <option value="689">100 seats</option> <option value="759">125 seats</option> <option value="799">150 seats</option> <option value="859">200 seats</option> <option value="999">300 seats</option> </select> </div> </div>