用换行符代替（逗号） <br> 在jQuery中

Question

I am using below code to get selected values from multiple select and displaying these values in a textarea.

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

Selected values are separated by comma, now I want each selected value in each line in textarea. I tried replacing , with <br> using replace function, but I was unable to. How can I do this?

Answer 1

Line breaks in a <textarea> element are made with \\n not html breaks. You should also set the value.

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

Answer 2

Pretty sure you want to replace the <br/> with \\n , if it's in a text area (which won't know what to do with HTML tags, in general.

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

Answer 3

• Since you have a multiple select, .val() will return an array of option values so you can use .join() to with \\n as the seperator
• You need use .val() to set the value to the clientselected element

So

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

Demo: Fiddle

Answer 4

Use newline ("\\n") or " 
 " instead of
to make a line break

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

Here is the fiddle

Answer 5

try this:

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

demo