---

      04/03/2004 - Un amico mi ha suggerito un'utile modifica: far si che lo script capisca quando l'elemento cercato è stato trovato ed in tal caso faccia qualcosa come aprire una finestra, inviare il form etc.
      La modifica da fare è abbastanza semplice, abbiamo già un ciclo che in ogni caso scorre tutto l'array fino alla fine, anche se durante il ciclo trova un elemento coerente con il testo digitato.
      Quel che ci serve è identificare l'ultimo elemento dell'array coerente con il testo digitato da confrontare con quello identificato volta per volta che aggiorna la select. Durante il ciclo infatti la funzione, così come riportata nella scheda, aggiorna la SELECT appena trova il primo elemento coerente e: se al prossimo carattere digitato non c'è corrispondenza non fa più nulla (eliminando la selezione), altrimenti continua sempre a selezionare l'elemento se i caratteri continuano a coincidere con quelli dell'opzione.
      È evidente che ci basta a questo punto avere disponibile l'ultimo indice coerente di tutta la lista e confrontarlo con quello trovato per la digitazione, e di questo si occupano le righe in rosso nel sorgente modificato:

function Cerca()
   {
   with (document.modulo)
      {
      ThisFind=-1;
      StringToSearch=input.value;
      StringToSearchLength=StringToSearch.length;
      var LastOption=-1
      if (StringToSearchLength>0)
         for (i=0;i<stati.options.length;i++)
            {
            ThisFind==-1&&stati.options[i].text.toLowerCase().substring(0,StringToSearchLength)==StringToSearch?ThisFind=i:null;
            LastOption=stati.options[i].text.toLowerCase().substring(0,StringToSearchLength)==StringToSearch?i:LastOption;
            }
      else
         ThisFind=0;
      stati.selectedIndex=ThisFind;
      
      if (LastOption==ThisFind && LastOption!=-1)
         alert(stati.options[ThisFind].text);
      }
   }

      La prima riga è la variabile aggiunta: LastOption (che inizia con -1 quindi con nessun elemento della lista) e che ci servirà per il confronto.
      Nel ciclo la porzione di testi della option, lunga quanto la stringa digitata, viene confrontata con la stringa digitata durante tutto lo scorrere dell'array, ed ogni volta che viene trovata una corrispondenza. Notiamo che se non c'è alcuna corrispondenza (opzione non presente o errore di digitazione che è lo stesso per quel che ne sa lo script) il valore di LastOption rimane -1, mentre la SELECT rimane scrollata fino all'ultimo elemento coerente ma con nessuna selezione (è stato di fatti selezionato -1 cioè il valore iniziale per ThisFind).
      Terminato il ciclo lo script continua come prima a selezionare l'opzione trovata, ma un ulteriore controllo ci consente di vedere se abbiamo finito di scorrere.
      Dato che in LastOption c'è l'indice dell'ultimo elemento possibile per i caratteri digitati, questo valore sarà sempre diverso da ThisFind a meno che un ulteriore carattere non consenta a ThisFind di trovare un'opzione e LastOption con corrisponda all'ultima opzione possibile. Un ulteriore verifica che LastOption sia diversa da -1 (e che quindi corrisponda ad un elemento della lista) e la verifica è fatta: se le condizioni sono entrambe modificate abbiamo finito di scorrere la lista.
      Nell'esempio ho usato un alert() per mostrare il nome dello stato trovato, voi ovviamente lo cambierete con ciò che vi serve.

      Vediamo ora come avviene il controllo, tenendo presenti le opzioni che cominciano per "mal" e che sono:
125 = Malawi
126 = Malaysia
127 = Maldives
128 = Mali
129 = Malta.
quando digitiamo "mal" ThisFind vale 125, LastOption vale 129. Aggiungendo una "a", con "mala" avremo ThisFind=125 e LastOption=126 (la scelta è ancora possibile fra Malawi e Malaysia)
      A questo punto se digitiamo "w", con "malaw" troviamo Malawi" ed avremo ThisFind=125=LastOption.
      La ricerca è finita.
      Se invece avessimo digitato un carattere che non corrisponde a niente, ad esempio la "x", per la stringa "malax" avremmo avuto sia per ThisFine che per LastOption i valore iniziale "-1", quindi nessun elemento selezionato nella lista.
      E l'ultimo controllo non scatta grazie al controllo su LastOption.

      Lo script modificato secongo questo aggiornamento non è quello disponibile sul link "Prova" (che resta lo script originale), ma è comunque contenuto nel file zip da scaricare ed è "index_modificato.html".

---

<HTML>
<HEAD>
<SCRIPT>
<!--
function Cerca()
   {
   with (document.modulo)
      {
      ThisFind=-1;
      StringToSearch=input.value;
      StringToSearchLength=StringToSearch.length;
      if (StringToSearchLength>0)
         for (i=0;i<stati.options.length;i++)
            ThisFind==-1&&stati.options[i].text.toLowerCase().substring(0,StringToSearchLength)==StringToSearch?ThisFind=i:null;
      else
         ThisFind=0;
      stati.selectedIndex=ThisFind;
      }
   }
//-->
</SCRIPT>
</HEAD>
<BODY BGCOLOR="#ffffff">
<FORM NAME="modulo">
<INPUT TYPE="text" NAME="input" VALUE="Scrivi..." CLASS="" onKeyUp="Cerca()" onFocus="this.select()"> <BR>
<SELECT NAME="stati">
<OPTION>Albania</OPTION>
<OPTION>Algeria</OPTION>
<OPTION>American Samoa</OPTION>
<OPTION>Andorra</OPTION>
. . .
. . .
<OPTION>Yugoslavia</OPTION>
<OPTION>Zaire</OPTION>
<OPTION>Zambia</OPTION>
<OPTION>Zimbabwe</OPTION>
</SELECT>
</FORM>
</BODY>
</HTML>