1

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

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

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

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

更新：不起作用的 Jquery 示例：
使用 Raminson 建议的代码this而不是 的结果div#是；Every item displays when a single item is selected and without seperation of items. 我想这是因为 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>");
});

我已经尝试了变体，搜索了示例，但仍然需要帮助来使用 serparator 在页面上显示用户选择/取消选择，例如<br />选择/取消选择？天啊，我需要做脑部手术；我很高兴我没有尝试任何真正复杂的东西！:smile: 我仍然认为 Jquery 是 kewl！

4

1 回答 1

0

尝试这个：

$("#ServiceRequest_select").change(function() {
  var content = $(this).text(); // text of selected option
  $("#displayitem").append('<span class="new">'+ content +'</span>'); // appends a new span 
});
于 2012-07-24T08:49:07.503 回答