Change the content of a div based on selection from dropdown menu

Question

Is there a simple way, using JavaScript, to dynamically show/hide content in a

based on the users selection from a drop down menu? For example, if a

Answer 1

With zero jQuery

    
        
    
    
    
        
            Select...
            Option 1
            Option 2
            Option 3
        

        
Content 1
        
Content 2
        
Content 3
        
        
    

Codepen

document
  .getElementById('target')
  .addEventListener('change', function () {
    'use strict';
    var vis = document.querySelector('.vis'),   
      target = document.getElementById(this.value);
    if (vis !== null) {
      vis.className = 'inv';
    }
    if (target !== null ) {
      target.className = 'vis';
    }
});

.inv {
    display: none;
}

    
    
        
    
    
        
            Select...
            Option 1
            Option 2
            Option 3
        

        
Content 1
        
Content 2
        
Content 3