textarea 中的新行在 IE 中不起作用答案

【问题标题】：New lines in textarea doesn't work in IEtextarea 中的新行在 IE 中不起作用
【发布时间】：2015-06-05 19:54:24
【问题描述】：

对于 IE，我尝试了几种方法在 textarea 中添加新行，但均未成功。

HTML

<textarea name="myTextarea" rows=4 cols=4 maxlength=250></textarea>

JAVASCRIPT

var text= "line1 line2 line3";              
text= text.replace(/\s/g, "\r");
$('textarea[name=myTextarea]').val(text);

更新

我试图删除与 textarea 及其工作相关的 css 关联。

textarea{
   white-space: nowrap;
 }

问题是现在我不能在不打断它们的情况下在同一行显示单词。但这需要另一个问题

【问题讨论】：

【解决方案1】：

您的代码运行良好。我刚刚在IE里试过：http://jsfiddle.net/yo6cc45g/

问题是您设置了cols=4 并且line1 包含5 个字符，因此该数字将出现在新行中。把cols属性改成5就可以了。

<textarea name="myTextarea" rows=4 cols=5 maxlength=250></textarea>

【讨论】：