select funktion ausserhalb Liste / Werte mit Grafik versenden

[Bastian]

Habe es jetzt so gelöst,

<script type='text/javascript'>  
function setSelectedSize(type) {  
    document.getElementById('selectedSize').value = type;  
}  
</script>  
<input type='hidden' name='variation[13]' id='selectedSize'>  
<img src="http://www.helftdenkids.de/wp-content/themes/dress-green/S.jpg" onclick='setSelectedSize(14)'>

funktioniert auch

ABER jetzt wollte ich ein hoover einbauen und habe mir sowas zusammengestrickt, aber jetzt funktioniert es nicht mehr ..
Ich WEISS es ist bestimmt ein Anfänger fehler, aber wenn jemand helfen könnte, wäre ich  dankbar

<script type='text/javascript'>  
var lastSelectedSizeElem = null;  
var lastSelectedSizeElemSrc = null;  
  
function setSelectedSize(type, domElem) {  
      var src;  
  
    document.getElementById('selectedSize').value = type;  
     if(lastSelectedSizeElem) {  
  
        lastSelectedSizeElem.src = lastSelectedSizeElemSrc;  
        }  
    lastSelectedSizeElem = domElem;  
        lastSelectedSizeElemSrc = domElem.src;  
  
       src = lastSelectedSizeElemSrc.split('.');  
       src = src[0] + '_grey.' + src[1];  
  
    domElem.src = src;  
 }  
</script><input type='hidden' name='variation[13]' id='selectedSize'>  
<img src="http://www.helftdenkids.de/wp-content/themes/dress-green/S.jpg" onclick='setSelectedSize(14,this)'><img src="http://www.helftdenkids.de/wp-content/themes/dress-green/M.jpg" onclick='setSelectedSize(15,this)'>  
</td>  
<img src="L.jpg" onclick='setSelectedSize(14, this)'>