Changing the background to a picture based on an value selection [duplicate]

Answer 1

You can use a .change event, and smart file naming to achieve this result. Using jQuery is by far the easiest solution.

If you name your images the same as the option values, you can then reference images based off of the current option selected. So for the first option you could name the picture, p1.jpg.

Select a New Background
    
    pic1
    pic2
    pic3
    pic4
    pic5
    pic6
    

jQuery

 $("#pictype").change(function(){
    var imageFileName = $(this).val();
    $("body").css("background-image", "url(../Images/"+imageFileName+".jpg)");    
});

So if you selected option #1, it would set the background image url to url("../Images/p1.jpg");

Here is the jsfiddle: http://jsfiddle.net/mtruty/3L2uP/ Hope this helps!