select option by value

[theS70RM]

Hi Guys,

I've hit a wall, im trying to create a function to make an option in a <select> box selected when given its value, rather than its index. I cant seem to figure out how to loop through each value for each option.

This is what I have so far, but its not correct...
"selObj" is the <select> as an object

function selectOptionByValue(selObj, value){
	
	for (options in selObj.options){
		if (options.value == value){
			options.selected = true;
			break;
	}
		
}

Any help is much apprieciated1

Thanks

Andy

[mrhoo]

a select element has a property named 'options'-
use an indexed array to loop through the options.

If the select can only select 1 option, set the selectedIndex,
or you have to unset whatever was previously selected.

function selectOptionByValue(selObj, val){
	var A= selObj.options, L= A.length;
	while(L){
		if (A[--L].value== val){
			selObj.selectedIndex= L;
			L= 0;
		}
	}
}

[theS70RM]

that works well,

thanks for your help!

Andy

[acoder]

If you want a shortcut for single select object, just set its value property. Would work in at least Firefox/IE. mrhoo's method is obviously more robust and reliable though.