Internet Explorer从ajax调用插入选择选项

Internet Explorer从ajax调用插入选择选项,ajax,internet-explorer,jquery,jquery-selectors,html-select,Ajax,Internet Explorer,Jquery,Jquery Selectors,Html Select,这意味着firefox和chrome无法使用,但internet explorer无法使用。我需要这个在internet explorer中工作 IE附加的是开始标记,而不是内部文本和结束标记。 提前谢谢 JS: 函数go{ $.postajax-select.html,functionresp{ $'dropdown'。分别追加$'newOptions'选项; } } HTML: ajax-select.html: 一 二 你应该试试 $('#dropdown').html($('#newOp

这意味着firefox和chrome无法使用,但internet explorer无法使用。我需要这个在internet explorer中工作

IE附加的是开始标记,而不是内部文本和结束标记。 提前谢谢

JS:

函数go{ $.postajax-select.html,functionresp{ $'dropdown'。分别追加$'newOptions'选项; } } HTML:

ajax-select.html:

一 二 你应该试试

$('#dropdown').html($('#newOptions option', resp));

再看一下答案

您的回答不正确。返回的实际HTML是:

<div>
  <div id="newOptions">
    <div value="opOne">one</div>
    <div value="opTwo">two</div>
  </div>
</div>

@JonathanSampson尝试了同样的结果。innerHTML=已解决。我仍然不确定问题出在哪里,但是如果我使用div标记而不是option标记。一个将ajax函数替换为:$'newOptions div',resp.eachfunction,d{$'dropdown'。append$+d.innerHTML+;};关于错误的标记,您是正确的,但是一旦您纠正了错误,就不需要更改JavaScript。我刚才在对您的页面进行故障排除时遇到了相同的解决方案。对不起,这只是一个o型问题。这对我仍然不起作用@Eric你测试的是哪个版本的IE?这对我在IE10中的工作很好。我认为问题在于jquery在IE中处理选项标记的方式,而不是附加。
<div>
  <select id="newOptions">
    <option value="opOne">one</option>
    <option value="opTwo">two</option>
  </select>
</div>
$(function(){
    $("input[value='go']").on("click", function(){
        $.post("ajax-select.html", function(resp){
            $(resp).find("option").appendTo("#dropdown");
        });
    });
});