Originariamente inviata da
U235
Ciao,
non so se esiste un modo più rapido, magari manipolando qualche libreria tipo autocomplete jquery si riesce con poco, ma non avendolo mai fatto non so dirti di più, ma in ogni caso puoi sempre farti il tuo autocomplete in questo modo:
In pratica copro la textbox (dove puoi scrivere il sia il testo che il valore) con uno span che conterra il testo (e mai l'id), quest'ultimo quando cliccato viene nascosto per mostrare la textbox sottostante e restituirli il focus. A questo punto sia quando il textbox ottiene il focus, sia quando premi un tasto, il sistema controlla le eventuali corrispondenze del testo della textbox, sia nel valore e sia nel testo dell'elemento (es: value:1234, text:'PHP' può essere chiamato con 1... oppure con p..., è indifferente), una volta filtrate tutte le entità che iniziano con il testo o id selezionato, vengono mostrati gli elementi corrispondenti nella tendina, inoltre il testo viene completato e viene selezionata la parte completata (es: scrivo 1 e seleziona il testo da 234, in modo che posso continuare a scrivere senza cancellare) automaticamente tramite il primo elemento corrispondente, in questo modo basta che la casella perda il focus per far comparire di nuovo lo span con il nome (mostra a video sempre e solo il nome dell'elemento selezionato una volta usciti dal focus) dell'elemento selezionato.
trovi un esempio funzionante
qui
Ovviamente vuole essere solo uno spunto, e i css non sono affatto precisi, ma non dovrebbe essere difficile sistemarli. la parte js dovrebbe sunzionare, ma va migliorata e testata.
Rispondi quotando