愚蠢的IE在组合框中未显示所选值

Question

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

http://www.clinicasdefertilidadenlima.pe/

您将在此页面上看到 3 个显示"利马"的组合框。单击任何组合并选择任何其他值，例如利马或阿雷基帕。页面将刷新，但现在组合不会显示应始终为"Lima"的选定值（我已经对其进行了硬编码）如果您查看视图源代码，那么它是一个简单的组合框，我什至为"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：child选择器解决了这个问题。

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" >