Drop down not showing value in IE

Question

The first dropdown "Select device" is not showing any value in IE:

<div class="select-container"> 
<SELECT Id="Device" name="device" onchange="javascript:LoadDevice(this.value);">
</SELECT>

<div class="select-container" id="Model">
<SELECT name="model" ><OPTION>Select Model</OPTION>
</SELECT>

Please check the HTML entire page here: http://goo.gl/1kEc2J

It works in all other browsers.

The dropdown gets its value from an external PHP page.

Any help would be very appreciated.

Answer 1

Your site is wrong on so many levels. But to your problem that you've listed here.

remove all of the "javascript: text from your events as these are not needed.

remove the onclick statements from <option value="1" onclick="javascript:LoadDevice(1);">iPhone</option>

Why are you doing this?

<script src="http://www.mobiltelefoner.dk/tst/slicious.php" type="text/javascript">

when the slicious.php is actually a javascript file?

Answer 2

find this line in slicious.php

devicer +='<option value="'+i+'" onclick="javascript:LoadDevice('+i+');">'+aDevice[i]';

should be

devicer +='<option value="'+i+'" onclick="javascript:LoadDevice('+i+');">'+aDevice[i]+'</option>';

you missed to close option tag