<!-- * Funktionierender Bildwechsler * -->
 
<select onChange="document.getElementsByTagName('body')[0].style.backgroundImage=this.options[selectedIndex].value;" repeat="none";>
 <option> HG-Bild
 <option value="url(https://dl.dropboxusercontent.com/u/15768935/Fotoerweiterung/Himmel/2014-01-25a.JPG)">Abendrot
 <option value="url(https://dl.dropboxusercontent.com/u/15768935/Fotoerweiterung/Himmel/2014-06-13%20%282%29.JPG)">Blumenwiese
 <option value="url(https://dl.dropboxusercontent.com/u/15768935/Fotoerweiterung/Himmel/2014-06-13%20%284%29.JPG)">Meeresrauschen
</select>
 
<!-- * Funktionierender Farbwechsler * -->
 
<select onChange="document.getElementsByTagName('body')[0].style.backgroundColor=this.options[selectedIndex].value;">
 <option> FoX-Farben
 <option value="#ba1e28"> FoX-Rot
 <option value="#f7f6f2"> FoX-Weiß
 <option value="#EEECE1"> FoX-Beige
 <option value="#ede7ca"> FoX-Gelb
 <option value="#d4e4b8"> FoX-Grün
 <option value="#757267"> FoX-Braun
 <option value="#383838"> FoX-Schwarz
</select>
 
 

<script>
function bgimg(res) {
    document.getElementsByTagName('body')[0].style.backgroundImage ='url(' + res + ')';
    document.getElementsByTagName('body')[0].style.backgroundRepeat ='no-repeat';
}
</script>
 
<select onChange="bgimg(this.options[selectedIndex].value)">
 

<select onChange="document.getElementsByTagName('body')[0].style.backgroundColor=this.options[selectedIndex].value;">
 

document.getElementsByTagName('body')[0].style.backgroundRepeat ='no-repeat';
 

<select onChange="document.getElementsByTagName('body')[0].style.backgroundColor=this.options[selectedIndex].value; document.getElementsByTagName('body')[0].style.backgroundRepeat ='no-repeat';">