在所需点之后在输入字段中中断文本

时间:2017-04-21 12:50:00

标签: javascript jquery html css

我正在使用jquery对话框。在该框中,有文本字段。因此,在其中一个字段中,我希望文本显示在下一行中 经过一定的价值。在不同的地方,我看到人们使用\ n在第二行显示文字,但我不能相同。 这是我的文本字段的HTML

<input id=message class="inputFeild"  style="height:60px type="text">

这里是脚本,其中test1,test2,test3是一些变量,其值来自其他地方

var message = "Message is :"+test1+" \n "+"\n new line :"+ test2+"\n again new line " +test3

$(this).find('#message').val(message);

我也像这样使用它

var text = $('#message');
$(this).find(text).val(message)

以及

$(this).find(text).val("Message is :"+test1+" \n "+"\n new line :"+ test2+"\n again new line " +test3)

但是当我在console.log中使用相同内容时,我能够看到第二行。

如何在所需的点之后在第二行中断文本?

1 个答案:

答案 0 :(得分:0)

您可以使用 textarea 代替输入 使用 cols 属性为texareas大小:

<textarea rows="4" cols="50">