Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Select intelligente ?

  1. #1

    Select intelligente ?

    Ciao,
    avrei bisogno di un'aiuto, sempre che sia una cosa che si possa fare.

    Ho una select con una serie di voci.
    Normalmente quando entro nella select e premo una lettera, in automatico viene selezionata il primo valore che inizia con quella lettera.
    Ad esempio premo 'p' e mi va alla voce 'pappa' che e' la prima con la 'p'.

    Ammettiamo che nella select avessi invece tre voci con la 'p' ad esempio 'pappa', 'peppe' e 'pippo', e' possibile che se premo prima la lettera 'p' poi la lettera 'e' mi evidenzi direttamente 'peppe' ??
    C'e' un modo per fare questo?

    Immagino, da quel poco che so, che agendo con la sola select non sia possibile, ma vada aggiunta una texbox in cui scrivere.
    Se e' cosi' c'e' un esempio dove possa guardare il codice?

    Grazie mille !!

  2. #2
    Utente di HTML.it L'avatar di willybit
    Registrato dal
    May 2001
    Messaggi
    4,367
    ciao Sclerato,

    ti faccio un esempio
    codice:
    <script language="javascript">
    function cerca(tt){
    	ff=tt.form
    	ss=ff.cliente
    	for(i=0;i<ss.options.length;i++){
    		if(ss.options[i].value.toLowerCase().substr(0,tt.value.length)==tt.value.toLowerCase()){
    			ss.options[i].selected=true
    			i=ss.options.length
    		}
    	}
    }
    </script>
    <form>
    <input type="text" name="NomeText" onkeyup="cerca(this)">
    <select name="cliente">
    	<option value="">-----------</option>
    	<option value="Alberta">Alberta</option>
    	<option value="Alberto">Alberto</option>
    	<option value="Antonello">Antonello</option>
    	<option value="Antonio">Antonio</option>
    	<option value="Francesco">Francesco</option>
    	<option value="Franco">Franco</option>
    	<option value="Fulvio">Fulvio</option>
    </select>
    </form>
    Ovviamente le options devono essere in ordine alfabetico

  3. #3
    Grazie Willybit del codice, lo provo nei prossimi giorni faccio sapere.
    Di nuovo.

  4. #4
    Funziona alla grande ! Proprio quello che cercavo !
    Grazie tante di nuovo Willybit, gentilissimo !
    Ciao

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.