【Jquery】textareaに改行入り文字列を表示させたい【PHP】

データベースに保存してあるテキストをPHPで呼び出し、
そのテキストをボタンを押すことでテキストエリアに挿入する仕組みを作りたいです。
しかし、テキストに改行が含まれていたとき、エラーになってしまいます。
簡単なコードにすると、下記のような形になります。

html
1
2<?php
3    $text = 'ああああああああ'; //これは成功する
4    $text = 'あああああ
5
6             あああ'; //jsエラー
7?>
8
9<textarea id="sample"></textarea>
10<input type="button" value="セット" id="btn">
11
12<script>
13$(function(){
14    $('#btn').click(function(){
15        $("#sample").val("<?php echo $text ?>");
16    });
17});
18</script>

これを、ちゃんとテキストエリアにも改行された状態でセットできるようにしたいです。
非常に初歩的なことかもしれませんが、検索してうまく対策方法を見つけることができませんでした。
どうかご教示、お願い致します。

行動規範の内容に同意します

回答1件

ベストアンサー

これで動きます。

html
1<?php
2$text = 'ああああああああ'; //これは成功する
3$text = 'あああああ
4
5             あああ'; //jsエラー
6
7// 改行コードが"\n"だった場合
8$text = str_replace("\n", "\\n", $text);
9?>
10<!doctype html>
11<html lang="ja">
12<head>
13    <meta charset="UTF-8" />
14    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
15    <title>Textarea Test</title>
16</head>
17<body>
18<textarea id="sample"></textarea>
19<input type="button" value="セット" id="btn">
20
21<script>
22    $(function(){
23        $('#btn').click(function(){
24            $("#sample").val("<?php echo $text ?>");
25        });
26    });
27</script>
28</body>
29</html>