$("<td/>").html('<textarea class="form-control" style="height: 60px;" disabled>' + detail.patchDesc + '</textarea>').appendTo(tr) 我这样生成textarea有误吗,为什么我的textarea不会自动换行
时间: 2024-04-15 20:27:53 浏览: 95
根据您提供的代码,生成 textarea 的方式是正确的。然而,根据您描述的问题,您希望 textarea 自动换行,但是它没有实现这个效果。
这个问题可能是由于 `detail.patchDesc` 中的换行符没有正确地被渲染为 HTML 的换行标签 `<br>`。为了解决这个问题,您可以使用 JavaScript 的 `replace()` 方法将换行符 `\n` 替换为 `<br>`,然后将文本插入到 textarea 中。
以下是示例代码:
```javascript
$("<td/>").html('<textarea class="form-control" style="height: 60px;" disabled>' + detail.patchDesc.replace(/\n/g, '<br>') + '</textarea>').appendTo(tr);
```
在上面的代码中,我们使用了正则表达式 `/\\n/g` 来匹配所有的换行符 `\n`,然后使用 `replace()` 方法将其替换为 `<br>` 标签。
这样,通过上述代码生成的 textarea 中的文本就会正确地进行换行显示。请注意,为了使 textarea 正确显示多行文本,需要将其高度调整为适当的值,如上例中的 `style="height: 60px;"`。
阅读全文