change image based on drop-down option
<p>Looking to be able to change an image dynamically based on the selection option dropdown with an id of "main" </p>

<p>I came across this code which finds the text not the select value, which is exactly what I want. I just need to connect to the image.</p>

<pre><code>alert( 'Text is: ' + $('#attribute119 :selected').text() ); 
</code></pre>

<p>The image is formatted like this</p>

<pre><code> &lt;img src="mainimage.jpg" id="main"&gt;
</code></pre>

<p>How would I dynamically change the image based on the option name selected when the form changes?  My form looks something like this.</p>

<pre><code>&lt;form name="pds"&gt;
&lt;select name="DropDownName" id="attribute119" &gt;
&lt;option value="0"&gt;Choose an option...&lt;/option&gt;
&lt;option value="2"&gt;blue&lt;/option&gt;
&lt;option value="3"&gt;green&lt;/option&gt;
&lt;option value="4"&gt;red&lt;/option&gt;
&lt;/select&gt;
&lt;/form&gt;
</code></pre>

<p>The images will be named like this.</p>

<pre><code> "1232_blue.jpg, 1232_red.jpg,etc.". 
</code></pre>

<p>The color name is followed by the last "_" in the filename</p>
