複製選項的選擇和插入到另一個選擇jQuery

Question

大家好我有一個網站，如果我改變選擇開始ajax調用，返回給我一個選擇。 在想要複製它的選項並插入到我現有的選擇。 這是我的代碼：

$(document).ready(function(){ 
    $("#nation").change(function() { 
     var nation_id = $(this).val(); 
     change_city_by_nation(nation_id); 
    }); 

    function change_city_by_nation(nation_id){ 
      var site_url_city ="<?php echo(site_url('/backend/city/get_city_by_nation_id')); ?>"; 
      $.ajax({ 
       url: site_url_city, 
       async: false, 
       type: "POST", 
       data: "nation_id="+nation_id, 
       dataType: "html", 

       success: function(data) { 
        $('#city').html(data); 
        $('#city').prepend("<option value='0' selected='selected'>All city</option>"); 

       } 
      }); 
     } 
}); 

<select name="nation" id="nation" style="width:180px;" > 
    <option value="2">Nation2</option> 
    <option value="3">Nation3</option> 
</select> 
<select name="city" id="city" style="width:180px;" > 
    <option value="0">All city</option> 
</select> 

數據警報是：

<select name="citylist"> 
<option value="39">Adelaide</option> 
<option value="43">Alice Springs</option> 
<option value="44">Brisbane</option> 
<option value="45">Cairns</option> 
<option value="36">Canberra</option> 
<option value="31">Darwin</option> 
<option value="37">Gold Coast</option> 
<option value="32">Margaret River - Regione dei Vini</option> 
<option value="40">Melbourne</option> 
<option value="41">Palm Cove</option> 
<option value="35">Perth</option> 
<option value="42">Port Douglas</option> 
<option value="33">Sydney</option> 
<option value="34">Tasmania</option> 
<option value="38">Townsville</option> 
</select> 

我怎麼能複製返回我從數據到成功進入功能選擇城市的選項？ 因爲用我的方式，我把一個選擇到另一個選擇。 我不能結果從阿賈克斯

Answer 1

我想你想過濾數據響應所以這documentation 所以先過濾您的數據，那麼您的附加選項更改：

success: function(data) { 
        $('#city').html($(data).filter('option')); 
        $('#city').prepend("<option value='0' selected='selected'>All city</option>"); 

       }