Пустое значение отображается в поле со списком в IE

Question

У меня есть следующие комбобоксы: -

 <select name="destination" id="destination" style="width: 125px;"
         onchange="onChangeDestination(this.value,'0');">
     <option value="2" selected>2</option>
     <option value="3">3</option>
 </select>

Теперь я выбираю значение «2» и отправляю форму. В следующий раз, когда я захожу на ту же страницу, я динамически устанавливаю значения в выпадающем списке.

Таким образом, вместо того, чтобы показывать значение как «2», оно показывает пустое поле, не имеющее значения в IE. Когда я проверяю значения, оно показывает мне оба («2» и «3»). Как только я снова выбираю любое значение, пустое поле исчезает. Опять та же проблема возникает, когда я обновляю страницу.

Answer 1

Я пытался, но я всегда вижу это (используя IE9 здесь):

Live пример на JsBin

Но теперь, когда вы отправилиизображение, пожалуйста, дайте нам знать, какой у вас DOCTYPE ...

Я уверен, что вы используете старый и вам нужно указать:

<option value="2" selected="selected">2</option>

вместочто у вас есть.

И, кстати ... у вас должна быть опция «Пожалуйста, выберите», как если бы вы не запускали на DOM, готовом код onChange, как бы вы хотели, чтобы пользователь видел 2текстовые поля без выбора 3, а затем обратно 2 ...

и <option value="-1" selected="selected">Please select</option> сделает то, что в методе javascript, if ( parseInt(a, 10) == -1 ) return; позволит избежать создания текстовых полей.