JavaScript: selecting an option in 1 line of code

Recently I stumbled upon a nice new feature in JavaScript, by accident really, one I haven't seen documented anywhere yet (not here, here, here or even here)! Fellow JavaScript coders most likely recognize the inconvenience of having to iterate through a select object's array of options if you want to select a specific option through code. It usually turns out to be code like this:

	var s = document.form.mySelect;
	for (var i=0; i=s.options.length; ++i)
		if (s.options[i].value==valueToBeSelected)
		{
			s.selectedIndex = i;
			break;
		}

However, there's a new shiny hammer to do this, and it works in Firefox 3.5 and Internet Explorer 6 and 8 (haven't tested any other browsers): simply set the value property of the select!

	document.form.mySelect.value = valueToBeSelected;

Lot less code aye!


Confirm whether or not it works in your browser by clicking the following buttons:

-- choose one -- Marc Eric

-- Foddex

0 comment(s)