PHP - show image next to option

Question

Is it possible via javascript/jQuery to select an image option (see below) and then have the image associated with the <option> show next to the <select> tag?
<select name="images" id="images">
<option>Select Image</option>
<option value="one.jpg">one.jpg</option>
<option value="two.jpg">two.jpg</option>
<option value="three.jpg">three.jpg</option>
<option value="four.jpg">four.jpg</option>
<option value="five".jpg>five.jpg</option>
</select>
<img src="http://www.DomainName/imageOptions/nameOfImage.jpg" width="200" height="200" alt="" />
I could probably do it with php by getting the option value but that means I'd have to submit the page first, which I'm trying to avoid. javascipt might be able to do this onclick?
Cheers
Os

Answer 1

Hummm...the only issue I see is that I have about 100 images. Does that mean I have to create 100 variables?
var ddData = [
        text: "Facebook",
        value: 1,
        selected: false,
        description: "Description with Facebook",
        imageSrc: "http://dl.dropbox.com/u/40036711/Images/facebook-icon-32.png"
        text: "Twitter",
        value: 2,
        selected: false,
        description: "Description with Twitter",
        imageSrc: "http://dl.dropbox.com/u/40036711/Images/twitter-icon-32.png"
        text: "LinkedIn",
        value: 3,
        selected: true,
        description: "Description with LinkedIn",
        imageSrc: "http://dl.dropbox.com/u/40036711/Images/linkedin-icon-32.png"
        text: "Foursquare",
        value: 4,
        selected: false,
        description: "Description with Foursquare",
        imageSrc: "http://dl.dropbox.com/u/40036711/Images/foursquare-icon-32.png"