Jquery对象innerHTML在Firefox中工作但不是IE？

Question

总之，我有一个xml字符串，我使用jQuery来查找特定节点的一些子项。

这些孩子和他们的价值是用来建立一个HTML选择框，并将其附加到网页。

的XML

<!--- Another node level !-->   
     <Salutation restricted="no" type="dropdownBox" tooltip="Select a title for the customer" required="yes" size="6"> 
      <value>Mr</value> 
      <value>Sir</value> 
      <value>Mrs</value> 
      <value>Miss</value> 
      <value>Lord</value> 
     </Salutation> 

守则

function dropdownBuilder(xml, element, id) { 
     // find node with specific name and get its children 
     selection = $("<div>" + xml + "</div>").find(element).children(); 
     console.log(selection); 
     // generate a select box 
     var selectBox = "<select id=\"" + id + "\"> "; 
     for (var j = 0; j < selection.length; j++) { 
     selectBox += "<option value=\"" + selection[j].innerHTML + "\">" 
       + selection[j].innerHTML + "</option>"; 
     } 
     selectBox += "</select>"; 

     // return html 
     return selectBox; 
} 

输出FIREFOX

<select id="dropdownBox1" data-hasqtip="true" aria-describedby="qtip-1"> 
    <option value="Mr">Mr</option> 
    <option value="Sir">Sir</option> 
    <option value="Mrs">Mrs</option> 
    <option value="Miss">Miss</option> 
    <option value="Lord">Lord</option> 
</select> 

输出IE

<select id="dropdownBox1" data-hasqtip="true" jQuery16309410884371447445="60"/> 

在控制台登录IE它只是说“LOG：[对象的对象]”

我试图使用改变为输出.VAL（），。价值。数据，.attr

任何想法，为什么这工作正常在FF但不是在IE浏览器？

的jsfiddle

http://jsfiddle.net/BA7u6/1/

感谢

Answer 1

，可随时更换为循环在你的代码，它应该工作：

selection.each(function(index) { 
    var text = $(this).text(); 
    selectBox += "<option value=\"" + text + "\">" + text + "</option>"; 
}); 

Answer 2

你应该使用XML解析器做你所追求的

看到这一点：http://api.jquery.com/jQuery.parseXML/