autoselect/suggest di select da textarea [era: aggiornamento istantaneo]

**manuel86** · 10-11-2008, 20:02

allora...ecco il mio problema!
ho un campo textarea e un campo select.
il campo select è carico e il campo textarea invece è vuoto (in pratica nella select ci sono dei codici).
a me servirebbe che, mentre l'utente scriva nella textarea, il campo select si puntasse a quello più vicino a cui sta scrivendo l'utente.

per esempio nel campo textarea abbiamo "aa"
e nel select sia ha
"00"
"aa"
"ab"

nel momento in cui lui scrive "a" nel campo select selezioni "aa"

Aiutatemi...non so dove sbattere la testa XD

**homezappa** · 11-11-2008, 10:16

Parti da qui: testato con Firefox 3 e IE 7

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test</title>
<script language="JavaScript" type="text/javascript">
function posiziona(campo) {
    oSel = document.getElementById('seleziona');
    for(var i=0; i<oSel.options.length; i++) {
        sTest = oSel.options[i].text;
        if (sTest.indexOf(campo.value) == 0) {
            oSel.selectedIndex = i;
            return true;
        }
    }
    return true;
}
</script>
</head>
<body >
<form>
    <select id="seleziona">
        <option value="1">aaa</option>
        <option value="2">abb</option>
        <option value="3">acc</option>
        <option value="4">baa</option>
        <option value="5">cde</option>
        <option value="6">efg</option>
        <option value="7">eff</option>
        <option value="8">xyz</option>
    </select>
    

    <input type="text" onkeyup="posiziona(this);">
 </form>
</body>
</html>

HTH
Zappa

**manuel86** · 11-11-2008, 14:00

grazie mille...è esattamente quello che stavo cercando!!!!
Ti devo un favore!^^

Io mi stavo mettendo dietro con le librerie scriptacoulus, ma quelle più che altro servono per fare i suggerimenti alla you tube, tanto per intenderci...

Ancora grazie mille!^^

Discussione: autoselect/suggest di select da textarea [era: aggiornamento istantaneo]

Strumenti discussione

Ricerca discussione

Visualizza

aggiornamento istantaneo

Permessi di invio