在TextArea中显示编号列表

Display numbered list in TextArea

本文关键字：编号 列表 显示 TextArea      更新时间：2023-09-26

我有一个多重选择和一个文本区。多重选择的所有选定值都显示在文本区域中。我使用下面的代码来做这个

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

select是多重选择的id, selected是textarea的id。我想显示序列号也，即，显示选定的值在文本区编号列表。我该怎么做呢?

将有序列表放入#selected:

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

演示

对于一个文本区，你不能放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"));
    });
});
演示

相关文章：