选择框选项在Internet Explorer中对于wordpress站点不可见

Question

我面临选择框的问题，选项在我的WordPress站点上不可见。我已经使用JavaScript从XML文件中提取国名，并将其用作选择框的选项。 Firefox和Chrome显示所需的选项，但IE未显示国家的选项。你能帮我解决这个问题吗？像Chrome和Firefox一样显示。

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开发工具栏显示我这个错误。

虽然它仍然在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'); 
});