Javascript 执行命令以从ajax jquery加载新内容

我对jquery有一些问题

<select class='my-select' id='exist_select'></select> 

<div id='target'></div>

<script>
$.ajax({
    type        : 'GET',
    url         : "<?php echo site_url().'rekap/get_akun?id_subkom=' ?>"+id_subkom,
    dataType    : 'json', 
    success: function(data){
        var select = '';
        for (var key in data){
            select = '<select class="my-select" id="select'+data[key]+'"></select>';
        }
        $('div#target').html(select);

        $('.my-select').append($('<option>', {
            value: 100,
            text: 'Added option',
        }))
    })
})
</script>

已成功加载选定项。正如您所看到的，我试图进行HTML选择。然后为每个选择手动附加spesific选项。 不幸的是，它不起作用。但它在exist\u select上起作用

---

我不知道。请帮助我。

首先将代码包装在一个document ready语句中，然后循环只获取第一个元素，您需要使用连接来附加其余元素，第三步您可以直接在选择中附加选项：

$(function(){
$.ajax({
    type        : 'GET',
    url         : "<?php echo site_url().'rekap/get_akun?id_subkom=' ?>"+id_subkom,
    dataType    : 'json', 
    success: function(data){
        var select = '';
        for (var key in data){
            select += '<select class="my-select" id="select'+data[key]+'"><option  value="100">Added option</option></select>';
        }
        $('div#target').html(select);
    })
})

})

---

事件侦听器只能附加到DOM中的元素，而不能附加到当时不存在的元素

对于动态创建的元素，您需要使用：

---

它被称为event delegationYes，但根据问题他的问题与change event有关，他无法找到除exist\u select之外的其他select的事件。你能把$'divtarget'html放进去吗？请不要直接从php将你的站点url回显到javascript中。考虑使用适当的逃逸/编码。echo json_encodesite_url；谢谢。我只是意识到我的主要问题在于事件侦听器。如果我按下一个按钮并在单击时生成一个事件侦听器，那么append命令会起作用。你能给我一些建议吗？

$('body').on('change', '.my-select', function(){
    alert('here');
});