使用分隔符在屏幕上显示下拉列表用户选择-追加或联接

Question

此代码将在屏幕上显示dropDowList中的用户选择。

现在我需要在每个选择后放置一个分隔符，这样它们就不会一起运行。我尝试过追加和联接，但都没有成功。

有人能告诉我如何完成这项简单的任务吗？

$("#ServiceRequest_select").change(function() {
    var content = $("#ServiceRequest_select option:selected").text();
    $("TD#displayitem").text(content);
});

更新：无效的Jquery示例：
用Raminson提出的this码代替div#码的结果是：；当选择单个项目时，每个项目都会显示，并且不分隔项目。我想这是因为jquery在Yii的PHP中。谢谢你尝试Raminson。

$("#ServiceRequest_select").change(function() { 
    var content = $(this).text(); // text of selected option
    $("#displayitem").append("<span>"+ content +"</span>"); // appends a new span 
}); 

在下一个示例中，使用div#而不是this将显示所选项目，但它不会删除取消选择的项目，因此它会在以前的选择下面添加更改的选择。

$("#ServiceRequest_select").change(function() { 
    var content = $("#ServiceRequest_select option:selected").text();
    $("TD#displayitem").append("<span>"+ content +"</span>");
});

我尝试过各种变体，搜索过示例，但仍然需要帮助，以便在选择/取消选择时使用诸如<br />之类的选择器在页面上显示用户选择/取消选项天哪，我需要做脑部手术；我很高兴我没有尝试任何真正复杂的东西！：微笑：我仍然认为Jquery是kewl！

Answer 1

试试这个：

$("#ServiceRequest_select").change(function() {
  var content = $(this).text(); // text of selected option
  $("#displayitem").append('<span class="new">'+ content +'</span>'); // appends a new span 
});