Stupid IE не отображает выбранное значение в поле со списком

Question

У меня возникла странная проблема в IE, которая не происходит с другими браузерами. Откройте следующий веб-сайт:

http://www.clinicasdefertilidadenlima.pe/

Вы увидите 3 поля со списком на этой странице отображаются «Лима». Нажмите на любое комбо и выберите любое другое значение, например, Lima или Arequipa. Страница будет обновляться, но теперь комбо не отображает выбранное значение, которое всегда должно быть «Лима» (я его закодировал) Если вы посмотрите на источник представления, то это простое поле со списком, и я даже выбрал 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

Я исправил проблему. Просто определил это на странице.

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

Answer 2

Я решается с помощью JQuery н-й: селектор дочерних, который работает на IE7/8/9 хром/Firefox и т.д.

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