[JavaScript] Mutliple Selects abgleichen

[Scratch]

Hi,

ich hab eine Page auf der 3 Listboxen mit multiple select zu sehen sind. Alle drei haben die selben Inhalte. Jetzt möchte ich das wenn man in irgendeiner Listbox einen oder mehrere Einträge markiert das diese in allen anderen Listboxen verschwinden. Dabei muss egal sein in welcher die Einträge selektiert sind.

Sobald man die Einträge nicht mehr markiert sollen sie dann natürlich wieder erscheinen.

Wäre nett wenn jemand inen Ansatz hätte oder sogar ein Stückchen Code.

Thx schonmal an jeden der helfen kann und will !!

Gruß

Scratch

[kills]

<select name='s1' onChange="editOptions( this, getElement('s2'), getElement('s3'));">

<option value='1'>1</option>

<option value='2'>1</option>

</select>


<select name='s2' onChange="editOptions( this, getElement('s1'), getElement('s3'));">

<option value='1'>1</option>

<option value='2'>1</option>

</select>


<select name='s3' onChange="editOptions( this, getElement('s1'), getElement('s2'));">

<option value='1'>1</option>

<option value='2'>1</option>

</select>


function getElement() {

// Funktion such Elemente nach namen und gibt als Object zurück

}


function removeOptions( oSourceSelect, oTargetSelect1, oTargetSelect2) {

// Funktion sucht aus oSourceSelect die markierten heraus und entfernt aus den anderen selects die optionen, 

oder fügt ggf. wieder welche ein bei denen die markierung nicht mehr aktiv ist

entfernen und einfügen sollte durch ein- und ausblenden der punkte relisiert werden

}