Im sure this is probably very simple...like me :( I have been searching for hours now without any results
I have a list box which displays an image when you select it all i want to do is update it to use jquery and also make it so i can use multiple list box's as currently anymore than one list box stops them all from working...I think it needs to be selector based? Here is the current code Im using <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml";> <head> <title>Dynamic Update</title> <script language="javaScript" type="text/javascript"> //<![CDATA[ function update_picture(newimage) { document.picture_image.src = "images/icons/" + newimage; } //]]> </script> </head> <body>Images: <select name="newpicture" onchange="update_picture(this.options [selectedIndex].value);"> <option selected="selected">Select Image</option> <option value="arrow-down.png">arrow-down.png</option> <option value="arrow-up.png">arrow-up.png</option> <option value="back.png">back.png</option> <option value="blank.gif">blank.gif</option> </select> <img src="images/icons/default.png" alt="" name="pic_image" border="0" id="picture_image" /> </body> </html>
