JQuery .html() не работает, как ожидалось

Question

У меня есть эти строки:

var text = "SL2.50ch00 11231303 11233176 Solyc00g015740 . +<br/>SL2.50ch00 11234321 11236093 Solyc00g015750 . +"; 
$("#regions").html(text); 

и следующее текстовое поле:

<textarea required="required" class="form-control" rows="6" id="regions" name="regions"></textarea> 

Я пытаюсь добавить текст внутри, с структурными линиями <br/>. Но отображаются теги <br/>. HTML не применяется. Итак, я в буквальном смысле видеть этот текст:

SL2.50ch00 11231303 11233176 Solyc00g015740 . +<br/>SL2.50ch00 11234321 11236093 Solyc00g015750 . +"

Answer 1

html() Использование функции для установки значения для <textarea> не будет работать так, как обычный HTML элемент будет. Используйте val() функцию и \n вместо <br>

var text = "SL2.50ch00 11231303 11233176 Solyc00g015740 . +\n SL2.50ch00 11234321 11236093 Solyc00g015750 . +"; 
 
$("#regions").val(text);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<textarea required="required" class="form-control" rows="6" id="regions" name="regions"></textarea>

Answer 2

В качестве альтернативы @Rejith ответ, вы можете использовать Line Feed (
) и возврат каретки (
)

var text = "SL2.50ch00 11231303 11233176 Solyc00g015740
SL2.50ch00 11234321 11236093 Solyc00g015750"; 
 
$("#regions").html(text);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<textarea required="required" class="form-control" rows="6" cols="80" id="regions" name="regions"></textarea>

Answer 3

Rejith правильный, вы также можете использовать append.

var text = "SL2.50ch00 11231303 11233176 Solyc00g015740 .\n SL2.50ch00 11234321 11236093 Solyc00g015750 . +"; 
$("#regions").append(text);