Question

我正在使用Select2菜单的值，以便在单击按钮时，该值的名称将以标记的形式附加到页面。一切都在第一次单击时起作用，但是当我选择另一个值并单击该按钮时，会附加前一个值的另一个实例以及新值。对不起，如果这是一个愚蠢的问题，我还在学习。任何提示将不胜感激，谢谢!!!!

$('#e1').click(function() {
    var search_box_name = $('option:selected', this).attr('company_name');
    var search_box_id = $('option:selected', this).attr('id');
    $('#searchbutton').click(function() {
        $('#displaycompanies').append('<span href="#" id='+search_box_id+' class="tags closeme company pull-left">'+search_box_name+'<a href="#" class="btn btn-xs btn-close closeme">X</a></span>');
        $('#form_new_product').append('<input type="hidden" id="'+search_box_id+'" class="closeme" name="company_id[]" value="'+search_box_name+'" />');
    });
});

Answer 1

您需要使用

.replaceWith()

而不是

.append()

重复附加问题

1 个答案: