我得到了我的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>
答案 0 :(得分:0)
尝试这样的事情:
$( "#duk_content_edit" ).html( $( "#duk_content" ).val().replace('\n', '<br/>') );