選擇框選項在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'); 
});