如何将多选select选中的多个option值带换行填入textarea

你只需要修改JS脚本部分即可实现需求，修改后的代码如下：

$('select[name="id_produtos"]').change(function () {
    const selectedTextList = $(this).find("option:selected").map(function () {
        return $(this).text().trim();
    }).get();
    $('#produtos-selecionados').val(selectedTextList.join('\n'));
});

逻辑说明 #

• 用map()方法遍历所有选中的option节点，逐个提取文本内容，通过get()方法转为普通数组
• 用join('\n')方法给数组每个元素之间插入换行符，再填入textarea即可实现每行显示一个选中值的效果
• 额外注意：你现有HTML代码中的textarea设置了maxlength="25"属性，若选中的多个产品名称总字符长度超过25会被自动截断，不需要限制可直接删除该属性。

内容的提问来源于stack exchange，提问作者Matheus Campos