Question

我使用下面的代码从多个选择中获取选定的值并在textarea中显示这些值。

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

选择的值用逗号分隔，现在我希望textarea中每行的每个选定值。我尝试使用,功能将<br>替换为replace，但我无法做到。我怎么能这样做？

Answer 1

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

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

Answer 2

非常确定您希望将<br/>替换为\n，如果它位于文本区域（通常不知道如何处理HTML标记）。

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

Answer 3

由于您有多重选择，.val()会返回一个选项值数组，因此您可以使用.join()与\n作为分隔符
您需要使用.val()将值设置为clientselected元素

所以

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

演示：Fiddle

Answer 4

使用换行符（“\ n”）或“”代替
进行换行

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

以下是fiddle

Answer 5

试试这个：

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

demo

在jquery中用换行符替换（逗号）

5 个答案: