Bug i IE7? Tom sträng returneras från select form.

Varför returneras en tom sträng när jag kör följande i Internet explorer 7?
Det fungerar i Mozilla :(

Det jag vill åstakomma är att hämta valt värde i select boxen. I internet explorer 7 så returneras inte någonting.

<form name="InputForm" action="" method="POST">
	<select name="country" id="country" style="width:155px;" onChange="showHideState();">
	<option></option>
	<option>Afghanistan</option>
	<option>&Aring;land Islands</option>
	</select>
</form>

<script type="text/javascript">
function showHideState(){ 
	//alert(document.getElementById('country').options[document.getElementById('country').selectedIndex].value);
	alert(document.InputForm.country.value)
}
</script>

Ingen som har någon ide om varför skriptet ovan inte fungerar i internet explorer 7?

Därför att värdet är en tom sträng (du har inget value-attribut satt på <option>...).

Använd document.inputForm.country.options[document.inputForm.country.selectedIndex].text om du vill ha det som står mellan <option> och </option>.

ahhhhhhh va f#n.... Tack för att du såg det.

Jag bytte script generator i sista sekund och den hade tydligen inte någon value=. Hur kan man skapa ett sådant skript som inte genererar value.

Är det någon som har en country select lista där länderna är med i value?

Den här suger ju: http://javascript.about.com/library/blcountry.htm

Denna fungerar bra:

http://www.mediacollege.com/internet/samples/html/country-list.html

Visar många varianter. :)