复制的选择方案，并插入到另一个选择的jQuery [英] copy options of a select and insert into another select jQuery

问题描述

大家好我有一个网站，如果我改变一个选择开始一个Ajax调用返回我一个选择。 在要复制其选项，并插入到我的存在选择。 这是我的code：

Hi all I have a site where if I change a select start an ajax call that return me a select. In want to copy its option and insert into my existent select. This is my code:

$(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>

数据警报是：

data alert is that:

<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>

我如何复制从数据返回到我成功进入功能选择城市的选择吗？ 因为有我的方式，我把一个选择到另一个选择。 我不能结果从阿贾克斯更改

How can I copy the option that return me from data into the success function into the select city? because with my way I put a select into another select. i can't change the result from ajax

推荐答案

我想你想过滤数据的反应，使这个的文档 所以先筛选数据，然后添加你的选项：

I think you want to filter your data response so this documentation so first filter your data then append your options:

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

                }

这篇关于复制的选择方案，并插入到另一个选择的jQuery的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！