在 jquery 中将 ,(逗号) 替换为换行符 <br>

Replacing ,(comma) with line break <br> in jquery

本文关键字:换行符 br 替换 中将 jquery 逗号      更新时间:2023-09-26

我使用以下代码从多个选择中获取选定的值,并在文本区域中显示这些值。

$(document).ready(function(){
  $("#client").change(function(){
   var sel = $("#client").val();
          $("#clientselected").text(sel);
     });
});

所选值用逗号分隔,现在我希望文本区域中每一行中的每个选定值。我尝试使用replace功能将,替换为<br>,但我无法做到。我该怎么做?

<textarea> 元素中的换行符是用'n而不是 html 换行符创建的。您还应该设置该值。

$("textarea").val("a line'nand another'nandanother");

很确定您要将<br/>替换为 'n ,如果它在文本区域中(通常不知道如何处理 HTML 标签。

http://jsfiddle.net/KYMUc/1/

  • 由于您有多项选择,.val()将返回一个选项值数组,以便您可以使用 .join() to 和 'n 作为分隔符
  • 您需要使用 .val() 将值设置为 clientselected 元素

所以

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

演示:小提琴

使用换行符 ("'"( 或 " &#13; "
代替换行符

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

这是小提琴

试试这个:

$("#clientselected").html(sel.split(",").join("'n"));

演示