jcadima
6/16/2016 - 10:34 PM

Change content based on dropdown selection

Change content based on dropdown selection

http://stackoverflow.com/questions/6164507/change-the-content-of-a-div-based-on-selection-from-drop-down-menu


HTML:


<select id="selection" name="selection">
   <option disabled="disabled" value="Choose One">Select Market</option>
	<option value="option1">Miami Market</option>
	<option value="option2">Airport West / Doral</option>
	<option value="option3">Medley / NW</option>
	<option value="option4">North Dade</option>
	<option value="option5">Hialeah</option>
	<option value="option6">Central</option>
</select>


<div id="option1" class="marketdata1 table-responsive group">

</div>

<div id="option2" class="marketdata1 table-responsive group">

</div>


<div id="option3" class="marketdata1 table-responsive group">

</div>


<script>
$(document).ready(function () {
  $('.group').hide();
  $('#option1').show();
  $('#selection').change(function () {
    $('.group').hide();
    $('#'+$(this).val()).show();
  })
});
</script>