javascript - 如何将ajax结果放入动态添加的容器中？

Question

有人可以帮我处理我的ajax和jquery吗，我的ajax在这里:

function dropdown(elem){

            var typeid = $('#type').val();
            $.post('<?php echo base_url("admin/ajaxGetType"); ?>',
                /* post form field's value */
                { 'provid':typeid,},

                /* web server responds to the request */
                function(result) {$(this).closest('#sortable').children('#div_replace').html(result);   
                    console.log($(this).closest('#sortable'));

                },

                "html"

            );
}

我的html在这里

<div class="contain" id="sortable">
                <select class="form-control" id="type" onchange="dropdown(this)">
                    <option value="0">Choose Type</option>
                    <option value="1">form 1</option>
                    <option value="2">form 2</option>
                    <option value="3">form 3</option>
                    <option value="4">form 4</option>
                    <option value="5">form 5</option>
                </select>

                <span id="div_replace">
            </span>

         </div>
    <div class="contain" id="sortable">
                <select class="form-control" id="type" onchange="dropdown(this)">
                    <option value="0">Choose Type</option>
                    <option value="1">form 1</option>
                    <option value="2">form 2</option>
                    <option value="3">form 3</option>
                    <option value="4">form 4</option>
                    <option value="5">form 5</option>
                </select>

                <span id="div_replace">
            </span>

         </div>

我的html是动态添加的，就像这样fiddle但这与这个 fiddle 无关。

我做的正确的是

-> onchange select
-> 触发函数
-> getparent
-> 获取其子元素，其中 id = div_replace
-> 然后放入html结果

但这不起作用。

有人可以帮我解决这个问题吗？

相同的方法或更好的方法都可以，

提前致谢

Answer 1

由于 ids 是唯一的，我会采用更简单的方法来选择和更新元素

$.post( "<?php echo base_url("admin/ajaxGetType"); ?>", function( result) {
  $("#div_replace").html (result);
});