POSIZIONE elemento selezionato in una select

[ziotony]

Salve, il mio problema e questo
o una select multiple molto piena
e quando apro la form non mi porta sull'option selezionato
devo scorrere io la scrollbar per vedere la voce selezionata
chiedo :
ce un metodo per poter visualizzare la voce selezionata, facendo scorrere la scroolbar automaticamente?

grazie mille

[a.forte]

Qualcuno sa come si fa?Interesserebbe anche a me. Posso farlo sia in javascript che in html, è indifferente ma come si fa?

[stezxx85]

Intendete una cosa del genere http://www.w3schools.com/jsref/met_win_scrollto.asp ?

[a.forte]

Più o meno;

 
<select name="parole[]" id="parole" multiple size="8">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option> //gli elementi sono visibili fin qui dal valore del size
<option value="9">9</option>
<option value="10">10</option>
<option value="11" selected>11</option>
<option value="12">12</option>
<option value="13">13</option>
</select>

Già qui se si potesse fare in html mi basterebbe che la barra di scorrimento sia posizionata sull'opzione 11 ma come faccio con il metodo che mi hai suggerito a torvare le coordinate?
in ogni modo se in html non fosse possibile si può fare:

 
var ss=document.getElementById("parole");
     for(var i=0; i<ss.length; i++) {
          if(ss.options[i].selected) {
                  //Posiziona qui la barra di scorrimento 					    break;//non è necessario può anche concludere il ciclo
           }
     }

[a.forte]

comunque la soluzione sarebbe:

ss.scrollTop=posizione

ma non riesco a trovare la posizione dell'elemento selezionato.

[Vindav]

Decidi di quanti pixel è l'altezza di un option e poi fa qualcosa del genere:

altezzaOption = 10;
var ss=document.getElementById("parole");
     for(var i=0; i<ss.options.length; i++) {
          if(ss.options[i].selected) {
                ss.scrollTop = i*altezzaOption;
           }
     }

Cmq se non ricordo male le versione più recenti dei browser mostrano già di default l'option selezionata

[a.forte]

perfetto. sono andato a tentativi ed ho messo come altezza 16. Probabilemente è l'altezza di default.Spero non cambi con altri browser.Altrimenti devo definirla in html.

Grazie