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

Question

对于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);

更新

我试图删除 css 文本区域及其工作的关联。

textarea{
   white-space: nowrap;
 }

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

Answer 1

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

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

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

New lines in textarea doesn't work in IE