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

Question

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

http://www.clinicasdefertilidadenlima.pe/

您将在此页面上看到3个显示"Lima“的组合框。单击任何组合框并选择任何其他值，如Lima或Arequipa。页面将刷新，但现在组合将不会显示选定的值，这应该总是“利马”(我已经硬编码它)，如果你看一看看一看源代码然后它是一个简单的组合框，我甚至定义了selected=“选定的”利马“值，但在IE中，它只显示选定的值时，你打开主页。之后，当您从组合框中选择value时，它不会显示值。

<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

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

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

Answer 2

我使用在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();