webForumDet fria alternativet

onkeyup

4 svar · 323 visningar · startad av Debeo

DebeoMedlem sedan maj 200341 inlägg
#1

Tänkte höra om det är någon som vet hur man gör ett input-fält som SMHI har på denna sida:

http://www.smhi.se/menyer/ind_vader.htm

som uppdaterar sig när man skriver i det??

Peter SMedlem sedan dec. 20025 484 inlägg
#2

Det är bara att ta en titt på koden de använder. Vad exakt är det du vill åstadkomma?

DebeoMedlem sedan maj 200341 inlägg
#3

Precis det dom gör fast med orter ur min egen databas. Är inte så haj på java.

Peter SMedlem sedan dec. 20025 484 inlägg
#4

Följande kan vara någonting att starta med:

<script type="text/javascript">

var places = ["Ljustorp", "Njurunda", "Sundsvall"];

function updateField(f, e){
    e = e || event;

    var val = f.value,
	len = places.length;

    if (val.length == 0 || e.keyCode == 8){
	return;
    }

    for (var j = 0; j < len; ++j){
	if (new RegExp("^" + val, "i").test(places[j])){
	    f.value = places[j];

	    if (f.createTextRange){
		var range = f.createTextRange();

		range.moveStart("character", val.length);
		range.moveEnd("character", places[j].length);
		range.select();

		break;
	    }

	    if (f.setSelectionRange){
		f.setSelectionRange(val.length, places[j].length);

		break;
	    }
	}
    }
}

</script>

<form>
    <input type="text" name="ort" onkeyup="updateField(this, event)">
</form>

Se till att loopa ut ortsnamnen i stigande ordning i places.

DebeoMedlem sedan maj 200341 inlägg
#5

Tack för hjälpen, funkade fint. :)

Genererad på 381 ms · cache AV · v20260730165559-full.f96bc7eb