IE和JQuery：.html（）條標籤

Question

我有國家，地區和城市選擇。當用戶更改國家選擇，它發送一個AJAX請求並接收看起來像這樣的數據：

<div class="regionData"> 
    <option value="1">Region name</option> 
    <option value="2">Region name 2</option> 
</div> 

<div class="cityData"> 
    <option value="1">City 1</option> 
    <option value="2">City 2</option> 
</div> 

然後我更新其他2選擇

$("#Estate_region_id").html($(html).filter(".regionData").html()); 
$("#Estate_city_id").html($(html).filter(".cityData").html()); 

的所有作品，只是在所有的精瀏覽器除了IE瀏覽器（真是一個驚喜）。在IE中.html（）的行爲就像是.text（）並且去掉所有的標籤，只留下文本。任何人都可以建議如何處理這個？

Answer 1

你的html無效。 div內不能有option標籤。

發送你的迴應這樣。

<select class="regionData"> 
    <option value="1">Region name</option> 
    <option value="2">Region name 2</option> 
</select> 

<select class="cityData"> 
    <option value="1">City 1</option> 
    <option value="2">City 2</option> 
</select> 

你的JavaScript看起來不錯只是修改了響應html就可以正常工作。

Answer 2

<option>作爲<div>的孩子不是有效標籤。因此，IE瀏覽器（正確地說，我相信）在innerHTML（並因此.html()）中剝離它並假裝你沒有犯這個錯誤。

而是使用<select>來保存<option>標籤。