Eksempel:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"> <html>
<head>
<title>incrementalSearch</title>
<script type="text/javascript">
words = "anna,abel,alfa,benny,brita,bent,børge,beta,delta,donny,dons,dorit,dorte";
arrWords = words.split(",");
function searchWords(obj) {
if(obj) {
var wordList = "";
var srch = obj.value.toLowerCase();
for(var i = 0; i < arrWords.length; i++) {
if(arrWords[i].substr(0,srch.length).toLowerCase() == srch) {
wordList += arrWords[i] + "<br>";
}
}
}
return wordList;
}
</script>
</head>
<body>
<form id="Form1" method="post">
<input type="text" onkeyup="document.getElementById('filterwords').innerHTML = searchWords(this)"><br>
<div id="filterwords"> </div>
</form>
</body>
</html>
Der skal nok ikke den store fantasi til at forestille sig hvor dine ord (som du læser fra databasen) skal indsættes henne... :)