No replies
maximusdm
Offline
newbie
Last seen: 10 years 2 weeks ago
Timezone: GMT-5
Joined: 2012-06-14
Posts: 1
Points: 2

Hi all,

The option in a select dropdown list are not being displayed in IE8.
The line of the code that adds these info is : "clipGroup.appendChild(new Option("TEXT", "VALUE"));"

Here is the code:

<table align=\"right\" border=\"0\"><tr><td><span style=\"cursor:pointer;font-size:1.0em;\" id=\"TileDialogs\">Tile PopUps</span></td>
<td><select id=\"GridCommands\"></select>
</td></tr>
</table>
 
  $("#TileDialogs").click(function () { TileJobDialogs() })
    var gridCommandBox = $('#GridCommands')[0];
    if (gridCommandBox.options.length == <img src="https://csscreator.com/sites/all/modules/smileys/packs/Roving/innocent.png" title="Innocent" alt="Innocent" class="smiley-content" /> {
 
        $('#GridCommands').change(GridCommand_Execute);
 
        gridCommandBox.options.add(new Option("<Select Command>", ""));
        var clipGroup = document.createElement("optgroup");
        clipGroup.label = "Copy To Clipboard...";
        clipGroup.appendChild(new Option("All", "COPY_100"));
        for (var i = 0; i < JobInstanceStatus.length; i++) {
          clipGroup.appendChild(new Option(JobInstanceStatus[i].Name, "COPY_"+JobInstanceStatus[i].StatusID));
        }
        gridCommandBox.appendChild(clipGroup);
 
        var clipGroup = document.createElement("optgroup");
        clipGroup.label = "Export To XML...";
        clipGroup.appendChild(new Option("All", "XML_100"));
        for (var i = 0; i < JobInstanceStatus.length; i++) {
          clipGroup.appendChild(new Option(JobInstanceStatus[i].Name, "XML_"+JobInstanceStatus[i].StatusID));
        }
        gridCommandBox.appendChild(clipGroup);
 
    }

I don't know anything about CSS and I think CSS could be the culprit here.
I tested and the only CSS that causes the issue is this one:
<link href="Content/jqgrid/4.3.1/css/ui.jqgrid.css" rel="stylesheet" type="text/css" />

Where do I check that?

Thank you