Show divs based on selected options value

index.html

<Select id="packageOption">
   <option value="">None</option>
   <option value="package1">Package1</option>
   <option value="package2">Package2</option>
   <option value="package3">Package3</option>
</Select>
<div id="package1" class="packages" > Package1 </div>
<div id="package2" class="packages" > Package2 </div>
<div id="package3" class="packages" > Package3 </div>

script.js

$(function() {
  $('#packageOption').change(function(){
    $('.packages').hide();
    $('#' + $(this).val()).show();
  });
});

style.css

.packages {
    display:none;
}