Witam

Chciałbym dynamicznie porównywać zaznacznia z 2 pól typu select.

Chce zrobić porównywarke 2 przedmiotow, wiec w jednym selekcie jest lista przedmiotów i w drugim selekcie sa te same przedmioty. Chiałbym uniknąć możliwości wybrania z obydwu pól tego samego przedmiotu, a właściwe bo łatwiej chce wykryć jeżeli bedą wybrane te same przedmioty w odbywoch selecetach i w wtedy np wyłaczyć(disabled) submita.

mam taki kod:
CODE
<div>
<select id="broker1" name="broker1">
<?
$wynik = mysql_query("SELECT * FROM brokerzy WHERE compare='tak'");
while($tablica = mysql_fetch_assoc($wynik)){
echo '<option>'.$tablica[broker_name].'</option>';
}
?>
</select>
<select id="broker2" name="broker2">
<?
$wynik1 = mysql_query("SELECT * FROM brokerzy WHERE compare='tak'");
while($tablica1 = mysql_fetch_assoc($wynik1)){
echo '<option>'.$tablica1[broker_name].'</option>';
}
?>
</select>
</div>
<div id="test">ds</div>
<script>
$("#broker1").change(function () {
var str = "";
$(this).find("option:selected").each(function () {
str += $(this).text() + " ";
});


$("#test").text(str);
})
.change();
</script>


No i w tym momencie nie wiem co zrobić, ponieważ zmienna str wyświetla mi zaznaczanie z obydwu selecktów a chce aby była tylko z tego piierwszego. Mogłby ktoś poradzić jak wskazać na tego konkretnego selecta dalej już sobie poradzę?

Okej poradziłem sobie nie wiem czy optymalnie ale działa.
CODE
function porownanie(){

opcja1 =document.getElementById('broker1').options[document.getElementById('broker1').selectedIndex].value;
opcja2 =document.getElementById('broker2').options[document.getElementById('broker2').selectedIndex].value;

if(opcja1!=opcja2){
jakis kod
}
}