title: Changing a Drop Down list using Javascript to select multiple images?
body: <p>I have a Drop Down List in a web page, what it currently does is displays an individual image that is selected in the list.</p>
  
  <p>What I want to achieve is if a sector is selected such as pubs for example, It will display a group of images of pubs instead of one individual image, anyone with any knowledge of doing this? If I select another option such as University it would display multiple images of University logos.</p>
  
  <p>Also is there a way to add a mouse-click hyperlink to an image even if I am using it as a drop down list? </p>
  
  <p>I presume this is possible but I cannot find much information on the subject.</p>
  
  <p>Any assistance would be great.</p>
  
  <p>My HTML code:</p>
  
  <pre><code>&lt;table border="0" cellspacing="0" cellpadding="0"&gt;
      &lt;tr&gt;
          &lt;td width="100%"&gt;
              &lt;form name="mygallery"&gt;
                  &lt;p&gt;
                      &lt;select name="picture" size="1" onChange="showimage()"&gt;
                          &lt;option selected value="gfx/Marstons.jpg"&gt;Marstons pubs&lt;/option&gt;
                          &lt;option value="gfx/NorthUni.jpg" href="http://www.northumbria.ac.uk/"&gt;Northumbria University&lt;/option&gt;
                      &lt;/select&gt;
                  &lt;/p&gt;
              &lt;/form&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td width="100%"&gt;
              &lt;p align="center"&gt;
                  &lt;img src="gfx/Marstons.jpg" name="pictures" width="99" height="100"&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><strong>My Javascript</strong></p>
  
  <pre><code>function showimage() {
      if (!document.images) return
      document.images.pictures.src = document.mygallery.picture.options[document.mygallery.picture.selectedIndex].value
  }
  </code></pre>