Opció választás select tag-ben érték alapján

Legördülő menüben (SELECT) egy adott sor (OPTION) kiválasztás index alapján pofonegyszerű.

Ha adott a következő menüfelépítés,

<select id="select_menu">
   <option value="hu">Hungarian</option>
   <option value="ge">German</option>
   <option value="en">English</option>
</select>

akkor a következő kódsor az en értékű sort választja ki:

document.getElementById('select_menu').selectedIndex = 2;

Kicsit trükkösebb megoldásra van szükség akkor, ha a érték szerint szeretnénk a legördülő menü egyik elemét aktuálisan kiválasztottá tenni.
Egy ciklussal végigmegyünk a menü elemein és ha megtaláljuk a megfelelő értékű elemet akkor a hozzá tartozó index alapján kiválasztjuk aktuális elemnek.

Íme a szükséges kód:

var menu = document.getElementById('select_menu');

for(var i = 0; i < menu.options.length; i++){
	if(menu.options[i].value == "en"){
		menu.selectedIndex = i;
	}
}
Reklámok