Question

我有一个多选和一个textarea。来自多个选择的所有选定值都显示在textarea中。我使用下面的代码来执行此操作

$(document).ready(function () {
    $("#select").change(function () {
      var sel = $("#select").val();
         $("#selected").html(sel.join('\n'));
    });
});

select是多个select和id的id是textarea id。我也希望显示序列号，即在编号列表中的textarea中显示所选值。我怎么能这样做？

Answer 1

将有序列表放在#selected：

中

$(document).ready(function () {
    $("#select").change(function () {
        var ol = $("<ol>").appendTo($("#selected").empty());
        $("#select option:selected").each(function () {
            ol.append($("<li>", {
                text: $(this).val()
            }));
        });
    });
});

DEMO

对于textarea，您无法放置HTML，因此您必须自行格式化：

$(document).ready(function () {
    $("#select").change(function () {
        var vals = [];
        $("#select option:selected").each(function (i) {
            vals.push((i+1) + '. ' + $(this).val());
        });
        $("#selected").text(vals.join("\n"));
    });
});

DEMO

在TextArea中显示编号列表

1 个答案: