带换行符的字符串无法通过textarea.val()

时间:2016-12-17 18:42:02

标签: javascript php jquery laravel-5.2

我得到了我的Laravel项目,其中几个地方的CRUD基于bootstrap模态。但是,我的记录编辑程序不像我预期的那样......

我的问题: 我有记录表,每行都有编辑按钮。当我按下它时,我的模态窗口输入应该被填充并且它正确,如果只有textarea字段不包含换行符。如果是,我的数据会中断

控制台错误: 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>

1 个答案:

答案 0 :(得分:0)

尝试这样的事情:

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