webpagemaster
Erfahrenes Mitglied
Hallo,
ich möchte mir eine Autovervollständigung bauen die so funktionierensoll wie der Hielfsindex (zb beim Internetexplorer).
Ich möchte in ein <input type="text"> zb "ab" eingeben und es sollen mir in einem darunter stehenden <select size="5" multiple> nur noch jene <option> ausgegeben werden, deren value auch mit "ab" beginnt.
Ich habe schon so ein ähnliches script gefunden, das Ergebnis wird allerdings leder nicht in einem <select size="5" multiple> ausgegeben.
Meine konkrete Frage:
Wie bekomme ich das bzw. die gewünschten ergebnisse in die <option> tags
ich möchte mir eine Autovervollständigung bauen die so funktionierensoll wie der Hielfsindex (zb beim Internetexplorer).
Ich möchte in ein <input type="text"> zb "ab" eingeben und es sollen mir in einem darunter stehenden <select size="5" multiple> nur noch jene <option> ausgegeben werden, deren value auch mit "ab" beginnt.
Ich habe schon so ein ähnliches script gefunden, das Ergebnis wird allerdings leder nicht in einem <select size="5" multiple> ausgegeben.
Meine konkrete Frage:
Wie bekomme ich das bzw. die gewünschten ergebnisse in die <option> tags
HTML:
<head>
<title>Auto-Vervollständigung</title>
<script language="JavaScript" type="text/javascript">
woerterbuch = new Array('Apfel','Auge','Auto','Medien','mediengestalter','medienfachmann');
function startAutoComplete(textfeld) {
if(!self.event || document.Formular.checkAutoComplete.checked != true || String.fromCharCode(event.keyCode).search(/[\w\-0-9\.\,]/) == -1) return;
tempname = textfeld.value.toLowerCase();
for(i=0; i<woerterbuch.length; i++) {
if(woerterbuch[i].toLowerCase().indexOf(tempname) == 0 && tempname.length != woerterbuch[i].length) {
textfeld.value = woerterbuch[i];
(range = textfeld.createTextRange()).moveStart('character',tempname.length);
range.select();
break;
}
}
}
</script>
</head>
<body>
<b>Folgende Begriffe sind dem Programm bisher bekannt:</b> Apfel, Auge, Auto
<form name="Formular">
<input name="checkAutoComplete" type="checkbox" value="1" checked> Auto-Vervollständigung verwenden<br>
<input type="text" name="text" onKeyUp="startAutoComplete(this);">
</form>
</body>