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

时间:2015-04-01 08:32:57

标签: javascript jquery html textarea newline

对于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及其工作。

textarea{
   white-space: nowrap;
 }

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

1 个答案:

答案 0 :(得分:1)

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

问题是您设置cols=4并且line1包含5个字符,因此该数字将显示在新行中。只需将cols属性更改为5即可。

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