hjælp til onKeyUp og backspace
Hej!Jeg har fundet et script herinde, som filtrerer en selectbox efter de bogstaver man indtaster.
Den virker fint, men jeg vil gerne have at backspace også skal opdatere status.
Her er scriptet:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Dynamisk select-boks</title>
<script type="text/javascript">
valg = new Array("Albatros", "Anders", "And", "Asger", "Bi", "Blomst", "Benjamin", "Bølle", "Citron", "Cykel", "Flæskestej");
valg.sort();
function opdater(felt) {
selOpts = felt.form.sel.options;
selOpts.length = 0;
for (i = 0; i < valg.length; i++)
if (felt.value == "" || valg[i].toLowerCase().indexOf(felt.value.toLowerCase()) == 0)
selOpts[selOpts.length] = new Option(valg[i], valg[i]);
}
</script>
</head>
<body onLoad="document.frm.sFelt.focus();">
<h2>Dynamisk select-boks</h2>
<form name="frm">
<input type="text" name="sFelt" onKeyUp="opdater(this);" style="width: 150px;"><br />
<select multiple="multiple" size="8" name="sel" style="width: 150px;">
<script type="text/javascript">
for (i = 0; i < valg.length; i++)
document.write('<option value="' + valg[i] + '">' + valg[i] + '</option>');
</script>
</select><br /><br />
<input type="submit" value="Send">
</form>
Indtast forbogstavet på et af ordene i select-boksen. Hvis der er flere muligheder tilbage, så prøv at indtaste det næste bogstav, osv. Du kan selvfølgelig også bare vælge en af mulighederne. Et godt script til at vise meget information.<br /><br />
</body>
</html>
