Question

我已经在Stack溢出上搜索了一段时间，虽然有一些人在问这个问题所有答案都是关于需要委托事件的。

我已经正确委托了，或者至少我认为我有，但我仍然无法删除动态创建的div。

显然，它不需要在第一次更改时删除任何内容，但如果此人多次更改它，则需要删除已创建的内容，以便它可以使用不同的数据重新附加它。

目前它不会删除，只是添加一个新的下拉列表！

有人能指出我正确的方向

HTML：

<div class="model-background">

    <div class="model-wrap">

        <div class="ubl-section-1">

            <p>Please select customer you would like the PO to be for!</p>
            <p>
            <select id="companyreference2">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            </select>
            </p>

        </div>

    </div>

</div>

jQuery的：

jQuery(document).ready(function(e) {

    $('.ubl-section-1').on('change', '#companyreference2', function(){

        var costCode = $(this).val(); var buildCompanyRR = '';

        var companyInforData2 = {
            'pocompanyinfo': 2,
            'costcode': costCode,
            'companyid': companyID,
            'version': 'pocompanyinfo'
        };

        $.ajax({
            type: 'POST',
            url: '/Applications/Controllers/PurchaseOrders/submitPurchaseOrders.php',
            data: companyInforData2,
            dataType: 'html',
            encode: true
        }).done(function(data2) {

            //I need to get the references which are within that company
            buildCompanyRR += '<p id="dynamiclist2" class="margin-top-20">Please select the reference<br />';
            buildCompanyRR += '<select id="companyreference3" class="form-control">';
            buildCompanyRR += '<option value="0">Please choose a reference</option>';   
            buildCompanyRR += data2;
            buildCompanyRR += '</select></p>';


            if($('#companyreference3').length !== 0){ 

                $('#dynamiclist2').remove();
                $('#dynamiclist3').remove();

            }

            $('.ubl-section-1').append(buildCompanyRR); 

        });

    });

});

提前感谢您的任何帮助：）

remove（）无法处理更改事件

0 个答案: