JSFiddle - React, Tailwind, and code Playground
HTML
<div id="imageViewer">
<img id="theImage" src="http://guygar.com/millview/self/self00.jpg" alt="The Image!">
</div>
<select id="imageSelector" name="imageSelector">
<option value="" selected></option>
<option value="midnightExpress">Midnight Express</option>
<option value="mirrorEffect">Mirror Effect</option>
<option value="okComputer">OK Computer</option>
</select>
JavaScript
$(function() {
var $theImage = $('#theImage'),
baseURL = 'http://guygar.com/millview/',
images = {
'midnightExpress': 'http://www.richkaste.com/Works/20114/favicon.ico',
'mirrorEffect': 'mirrorEffect00.jpg',
'okComputer': 'okComputer00.jpg'
};
$('#imageSelector').bind('change', function() {
var selection = this.value,
url = [
baseURL,
selection,
'/',
images[selection]
].join('');
$theImage.attr('src', url);
});
});