使用Javascript在多行[多行文本框]中显示文本

Question

我尽力解决问题，但结果却是负面结果。

我有文本框，长度为1300个字符。但我希望它以多行显示。我尝试了很多东西，我得到了水平滚动条，但没有得到垂直滚动条。字符串显示在一行中，我不想要。我希望它在文本框的末尾打破并继续显示在下一行。

var  tmpArray = document.forms['form1'].elements["fa_col_value"];
var mainCdo = g_CdoMgr.getCdoByName("TempFaObjectCdo");
var flexCdoCol = mainCdo.getCdoColByName("fa");

if(flexCdoCol.get(i).getField("label") == "Additional Notes" )
{
    tmpArray[i-j].style.width="350";
    tmpArray[i-j].style.height="100";
}

在上面的代码中，我试图改变高度和宽度，但显示是困扰我的。我想让它显示在多行上。这对于该页面中的所有元素都是通用的。

//tmpArray[i-j].style.overflow="auto";

使用这个时我也会得到一个水平滚动条[这对我没用]。 但是当我尝试完全不起作用的垂直选项时。

我尝试了break-all / break-word，但没有用。

图像显示数据。红色代表我需要更改的部分，绿色是需要在多行中显示的字符串。

此处字符串以单行显示。这需要垂直呈现。

Answer 1

我认为这与您的问题有关。

请参阅

Paste multiline text in input type text (not textarea)

Answer 2

您正在使用输入字段，但您应该使用textarea http://www.w3schools.com/tags/tag_textarea.asp，因为textarea用于多行文本显示

Answer 3

或者，您可以使用带有小jQuery代码的文本区域。

      $("#tArea").on("keydown", function () {
          var $that = $(this);
          if ($that.val().length >= 50) {

              $that.val($that.val().substring(0, 49));


          }


      });