✔ DIV auswählen

[Sasser]

Guten Tag!

Ich habe eine Liste mit DIVS, welche die ID "suggestion_..." haben. Nun möchte ich gern per Pfeiltasten wie eine Auswahl simulieren.

function selectnext(event) {
	if (event.keyCode == '40') {
		
		var id = document.getElementById('selected').value + 1;
		
		document.getElementById('suggestion_' + id).style.backgroundColor = '#C0C0C0';
		
		document.getElementById('selected').value = id;
		
	}
}

Ich erhalten jedoch ständig den Fehler: document.getElementById("suggestion_" + id) is null

Was mache ich falsch? Die ID ist vorhanden und ich habe den Code auch schon nach den DIVS platziert.

 

[CPoly]

Ein alert(id) würde dir (vermutlich) verraten, dass der Wert nicht inkementiert wurde, sondern die 1 nur angehängt.

Ändere folgende Zeile ab

var id = document.getElementById('selected').value + 1;

z.B. in eine der folgenden

var id = document.getElementById('selected').value++;
//oder
var id = (document.getElementById('selected').value | 0) + 1;
//oder
var id = parseInt(document.getElementById('selected').value, 10) + 1;

 

[Sasser]

Vielen Dank! Mit der letzten Variante hat es funktioniert!