Question

我在IE中遇到了一个奇怪的问题，这在其他浏览器中并没有发生。打开以下网站：

http://www.clinicasdefertilidadenlima.pe/

您将在此页面上看到显示“Lima”的3个组合框。单击任何组合并选择任何其他值，如利马或阿雷基帕。页面将刷新，但现在组合将不会显示应始终为“利马”的选定值（我已经硬编码）如果您查看视图源，那么它是一个简单的组合框，我甚至为“Lima”值定义了selected =“selected”，但在IE中它只显示打开主页时的选定值。之后，当您从组合框中选择值时，它不会显示值。

<select id="city_id" name="city_id" class="f2_city" onchange="redirect(this.form)">
    <option value="" selected="selected">LIMA</option>
    <option value="LIMA">LIMA</option>
    <option value="Arequipa">Arequipa</option>
</select>

我正在使用IE9。

Answer 1

我使用了适用于IE7 / 8/9 Chrome / Firefox等的jquery n-th：子选择器解决了。

var comboId = document.getElementById('YourDropDownListId');
var selectedIndex = comboId.selectedIndex;
var selector = '#TableName:nth-child(' + selectedIndex.toString() + ')';
var selectedTable = $(selector).val();

Answer 2

我已经解决了这个问题。刚刚在页面中定义了这个。

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" >

愚蠢的IE没有在组合框中显示选定的值

2 个答案: