Backgroung wijzigen m.b.v. keuzelijst

[WinteE]

In een applicatie heb ik een keuzelijst opgenomen

<select name="LocList" onChange='loadimageLocation;'>

... om de background te wijzigen :

function loadimageLocation()
{
varFoto =  'url(./Fotos/'+ document.LocList.value +'.jpg)'
document.body.style.backgroundImage = varFoto;
}

Ik krijg de foutmelding "document.LocList.value is null or not an object".

Wie kan mij vertellen waar ik de mist in ga ?

 

[Egel]

Hiermee lukt het:

<script type="text/javascript">
 function loadimageLocation(photo) {
  document.body.style.backgroundImage = 'url(./Fotos/' + photo + '.jpg)';
  };
</script>

<select onChange="loadimageLocation(this.options[this.options.selectedIndex].value)">
 <option value="">kies
 <option value="naamvdfoto">----
</select>

Vr.Gr. Egel.

 

[WinteE]

Egel, bedankt voor je reactie.

Ik heb een van iedere locatie 3 foto's, voor de schermbreedtes 1024, 1152 en 1280.
Met behulp van een keuzelijst wordt een locatie-nummer geselecteerd, dit nummer heb ik verwerkt in de naam van elk .jpg bestand.
Wanneer er ingelogd wordt wordt automatisch de .jpg als achtergrond geladen die bij de betreffende locatie hoort.

E.e.a. heb ik opgelost met de volgende code :

function loadimageLocation()
          {
          if (screen.width == 1024)
          {varFoto = 'url(./Fotos/'+ document.txtsearch.LocList.value +'_1024.jpg)'
          document.body.style.backgroundImage = varFoto;}
          if (screen.width == 1152)
          {varFoto = 'url(./Fotos/'+ document.txtsearch.LocList.value +'_1152.jpg)'
          document.body.style.backgroundImage = varFoto;}
          if (screen.width == 1280)
          {varFoto = 'url(./Fotos/'+ document.txtsearch.LocList.value +'_1280.jpg)'
          document.body.style.backgroundImage = varFoto;}
          }
          
         <select name="LocList" onChange='loadimageLocation();'>