В окне обозревателя Internet Explorer не отображаются параметры выбора.

Question

У меня возникла проблема с полем выбора, параметры не отображаются на моем сайте Wordpress. Я извлек название страны из XML-файла с использованием JavaScript и использовал его как опции поля выбора. Firefox и Chrome показаны варианты по мере необходимости, но IE не отображает варианты стран. Не могли бы вы помочь мне, как я могу решить эту проблему и показать то же самое, что Chrome и firefox dpes.

Here is my site и код приведен ниже:

$(function() { 
    $.get('ttalk.xml', {}, function(data) { 
     var optionHtml = '<option value="Please Select" selected="selected">Please Select</option>'; 
     $(data).find('item').each(function() { 
      var _item = $(this); 
      html = '<option value=' + _item.find('code').text() + '>'; 
      var name = _item.find('country').text(); 
      html += name.split('+').join(' ')+ '</option>'; 
      optionHtml += html; 
     }); 
     $('#destinationList').html(optionHtml); 
     $('#destination').html(optionHtml); 
    }, 'text'); 
}); 

Answer 1

Я думаю, что вы можете иметь проблемы с кодировкой XML-документ. Панель инструментов Web Dev показывает мне эту ошибку.

Хотя он по-прежнему работает в FF и Chrome, IE8 может иметь с ним экстремальные проблемы.

Timestamp: 13-03-16 6:23:09 PM 
Error: XML or text declaration not at start of entity 
Source File: http://rabbitrabbitmobile.net/ttalk.xml 
Line: 2, Column: 1 
Source Code: 
<?xml version="1.0" encoding="ISO-8859-1" ?><CHANNEL> 

-d

Answer 2

Вы можете попробовать это

$(function() { 
    var xml; 
    $.get('ttalk.xml', {}, function(data) { 
     if ($.browser.msie) 
     { 
      var xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); 
      xmlDoc.loadXML(data); 
      xml = xmlDoc; 
     } 
     else xml = data; 

     var optionHtml = '<option value="Please Select" selected="selected">Please Select</option>'; 
     $(xml).find('item').each(function() { 
      var _item = $(this); 
      html = '<option value=' + _item.find('code').text() + '>'; 
      var name = _item.find('country').text(); 
      html += name.split('+').join(' ')+ '</option>'; 
      optionHtml += html; 
     }); 
     $('#destinationList').html(optionHtml); 
     $('#destination').html(optionHtml); 
    }, 'text'); 
});