View Single Post
  #3 (permalink)  
Old 05-07-2008, 08:56 AM
Hrimthurs Hrimthurs is offline
Newbie
 
Join Date: Jan 2008
Posts: 8
Rep Power: 0
Hrimthurs is on a distinguished road
Default Re: Change image url with dropdown selection

Wow, thanks.
That solved an issue I didn't think about.
What I need to do now is something like the following.
HTML Code:
<script language="javascript">
<!--
function ShowPic(sImage)
{
   function ShowPic2(sImage2)
   {
      function ShowPic3(sImage3)
      {
         document.ShowRoom.src = "images/variable" + sImage + sImage2 + sImage3 + ".jpg";
      }
   }
}
// -->
</script>
<form name="proof">
  <select name="design"  onChange="ShowPic(this.value)">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
  </select>
  <select name="style" onChange="ShowPic2(this.value)">
    <option value="a">Option a</option>
    <option value="b">Option b</option>
  </select>
  <select name="finish" onChange="ShowPic3(this.value)">
    <option value="z">Option z</option>
    <option value="y">Option y</option>
  </select>
</form>
<img name="ShowRoom" src="images/1az.jpg">
So I'd get an out put of something like:
HTML Code:
<img name="ShowRoom" src="images/2by.jpg">
Except that script won't work.
Reply With Quote