coka4mee: Option Elemente einer zweiten Selectliste ausblenden

Beitrag lesen

Hi :-)

Ich bin ein ziemlicher JavaScript Noob, und habe folgendes Problem.

Ich habe 2 Selektlisten, eine mit GeoRegions, eine Zweite mit GeoPoints.

Wird in der ersten Liste eine GeoRegion ausgewählt, sollen in der zweiten Liste alle GeoPoints ausgeblendet werden, die nicht eine bestimmte id haben.

Das hier funktioniert augenscheinlich nicht:

function Test () {  
  var filter = document.Testform.GeoRegions.options[document.Testform.GeoRegions.selectedIndex].text + ' }';  
  var list = document.Testform.GeoPoints.options;  
  for (i = 0; i < document.Testform.GeoPoints.length; i++) {  
      if(!document.Testform.GeoPoints.options[i].id == filter){  
        document.Testform.GeoPoints.options[i].style.display = 'none';  
      } else {  
        document.Testform.GeoPoints.options[i].style.display = 'block';  
      }  
  }  
}

Ich tippe mal dass darauf dass es nicht möglich ist, ein option element auf display:none zu setzen.

Wie könnte man das Problem noch lösen???

Vielen Dank und Grüße,

Coka