Usare l'ID di una Select

[cucciol1980]

Buongiorno,
ho bisogno del vostro aiuto, inanzitutto mi spiego meglio.
Ho una pagina con 2 frame, nel frame superiore ho un form con una select. Alla scelta della select il form passa al frame inferiore il value ed esegue una ricerca su mysql e mi restituisce i valori corrispondenti.
Adesso ho bisogno di inserire 2 pulsanti "avanti" e "indietro" che mi facciano vedere i risultati corrispondenti alla select superiore o inferiore a quella scelta.
Questo e il form con la select del frame superiore:


<form method="POST" name="FOR" target="main" action="desc1giu.php">
RICERCA OGGETTI &gt;&gt; COLLEZIONE




<select size="1" name="REF" class="collezioneTxt">
<a class="whiteTxt"> Collezione:</a>
<option>Seleziona una Collezione</option>
<option id="1" value="Afrodite">AFRODITE</option>
<option id="2" value="Aspide">ASPIDE</option>
<option id="3" value="White">WHITE</option>
</select>
<input type="submit" value="Trova oggetti" name="B1">
</form>


Vi faccio un esempio per capirci meglio:

Nella select scelgo ASPIDE che ha id 2, e li visualizzo nel frame inferiore.
Col pulsante "Avanti" vorrei si vedesse WHITE che ha id 3, e col pulsante "Indietroi" vorrei si vedesse AFRODITE che ha id 1.

Come posso fare?

[Gluck74]

premesso che non ricordo come riferirsi ad oggetti dom tra frame, ti do comunque lo spunto:


<input id="btnAvanti" type="button" value="avanti" onclick="avanti" />

function avanti()
{
   var frameScelta = <referenza al frame>;
   var cbo = frameScelta.document.getElementById("<idDelSelect>");
   var curr = cbo.selectedIndex;

   if (curr < cbo.options.count-1)
      cbo.selectedIndex = curr++;
}