Jquery 显示我最后的选择

Jquery 显示我最后的选择,jquery,select,Jquery,Select,我有很大一部分选择标记,在这里我使用jQuery向用户显示其选择的概述。这是完美的,除了我的代码不只是显示我最后的选择。因此,如果我更改我的选择,以前的选择将保留在概览中,我的新选择将列在下面 在这里,我已经改变了我的选择好几次,他们都被列出来了。我只想显示我最近的选择(对于每个选择标记) 这是我的剧本 $(document).ready(function () { $('#SORTERING select').change(function() { label = $

我有很大一部分选择标记,在这里我使用jQuery向用户显示其选择的概述。这是完美的,除了我的代码不只是显示我最后的选择。因此,如果我更改我的选择,以前的选择将保留在概览中,我的新选择将列在下面

在这里,我已经改变了我的选择好几次,他们都被列出来了。我只想显示我最近的选择(对于每个选择标记)

这是我的剧本

$(document).ready(function () {
    $('#SORTERING select').change(function() {
        label = $(this).closest("p").prev().find('label').html();
        content = $(this).find('option:selected').text();
        $('#OutputTXT').append('<p><b>' +label+ ': </b>' +content+ '</p>');
    });
});

不要使用
append()
(因为这样会在每个选择上创建一个新元素),而要使用
html()
,因为这样每次都会覆盖值:

$('#OutputTXT').html('<p><b>' + label + ':</b> ' + content + '</p>');

这并没有解决问题。它仍然添加了另一行而不是替换它。但是,它替换了太多。(如果我在“Avtaler”下进行选择,它会发生变化,但如果我在“Tilbakering”上进行选择,这也会替换我在“Avtaler”中的选择。我不确定你的意思。使用.append()可以显示我在每个选择标记中的选择。(我有几个)但是使用.html()虽然它会在我更改原始选择标记时替换,但在我更改另一个选择标记时也会替换。我想在下面列出)因此您希望每个
选择只看到一个
p
标记?
$('#OutputTXT').html('<p><b>' + label + ':</b> ' + content + '</p>');
$('#SORTERING select').change(function() {
    label = $(this).closest("p").prev().find('label').html();
    content = $(this).find('option:selected').text();
    var $p = $('#output_' + this.id);
    if (!$p.length)
        $p = $('<p id="output_' + this.id + '"></p>').appendTo('#OutputTXT');

    $p.html('<b>' + label + ': </b>' + content);
});