Question

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

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

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

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

更新：Jquery示例不起作用：
使用Raminson建议的代码this代替div#的结果是;选择单个项目且不分离项目时，将显示每个项目。我在想它是因为jquery是在Yii的PHP中。谢谢你尝试拉明森。

$("#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 />这样的serparator？吉兹，我需要进行脑部手术;我很高兴我没有尝试任何真正复杂的东西！：微笑：我仍然认为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 
});

使用分隔符在屏幕上显示DropDownList用户选择 - 追加还是加入？

1 个答案: