javascript - 带换行符的字符串无法执行 textarea.val()

Question

我得到了我的 Laravel 项目，其中几个地方的 CRUD 基于引导模式。然而，我的记录编辑程序的运行并不像我预期的那样......

我的问题:我得到了包含记录的表格，它的每一行都有编辑按钮。当我按下它时，我的模式窗口输入应该被填充并且它正确，如果只有文本区域字段不包含换行符。如果是这样，我的数据推送就会中断。

控制台错误: Chrome console drops error

这就是我将数据传递给 jQuery 的方式:

@foreach($dukList as $duk)
    <tr>
        <td>{{$duk->id}}</td>
        <td>{{$duk->duk_title}}</td>
        <td>{{$duk->duk_content}}</td>
        <td>
            <button type="button" class="btn btn-success btn-xs" data-toggle="modal" data-target="#editduk" onclick="setDukEditData('{{$duk->id}}','{{$duk->duk_title}}','{{$duk->duk_content}}')"><span style="font-size:1.5em;" class="glyphicon glyphicon-edit"></span></button>
        </td>
    </tr>
@endforeach

这就是我尝试用数据填充编辑模式的方法:

function setDukEditData(id, duk_title, duk_content) {
    $("#duk_title_edit").val(duk_title);
    $("#duk_content_edit").val(duk_content);
    $("#dukEdit").attr("action", "{{URL::to('/update-duk')}}/" + id);
}

这是我的记录编辑模式窗口的一部分:

<!-- form starts -->
<input type="hidden" name="_token" value="{{csrf_token()}}">
<div class="form-group">
    <label for="duk_title">Question</label>
    <input type="text" class="form-control input-sm" id="duk_title_edit" name="duk_title_edit" minlength="10" maxlength="100" required="">
</div>
<div class="form-group">
    <label for="duk_content">Content</label>
    <textarea class="form-control" id="duk_content_edit" name="duk_content_edit" style="resize: none;" maxlength="500" rows="15"></textarea>
</div>

Answer 1

尝试这样的事情:

 $( "#duk_content_edit" ).html( $( "#duk_content" ).val().replace('\n', '<br/>') );