Trying to create a table with rows that change dynamically but columns that are fixed. There's a drop-down menu whose content is based on an xml file. When I use .value to access the current content of my drop-down menu, it works fine in Firefox but not in Internet Explorer. If I check the content of filterDropDown using console.log(filterDropDown);, I see empty entries in IE and correct entries in Firefox.
Below is some Javascript code:
var dropdown;
dropdown = document.getElementById('modelRangeDropdown');
filterDropDown = dropdown.value;
Followed by xslt Code:
<table id="myTable">
<colgroup>
<col width="150" style="background-color:e2e2e2"></col>
</colgroup>
<tr style ="background-color:a5a5a5">
<th rowspan="2">model
<select id="modelRangeDropdown" onclick="test_internet_explorer()">
<option selected="selected">All</option>
<xsl:for-each select="logstore/plane">
<option>
<xsl:value-of select="Name" />
</option>
</xsl:for-each>
</select>
</th>