使用$（'div'）和CSS（JavaScript）时如何在textarea中显示输出

Question

当我使用此代码时，它将结果打印在新的html页面中，如何在指定的textarea中打印结果？ 让我希望结果显示在：bookForm.myText.value

更新：请仅注意bTitle应该是斜体

HTML：

<div contenteditable="true"></div>

CSS：

span{
    font-style: italic;
}

JavaScript：

bTitle = bookForm.txtTitle.value;
bName = bookForm.txtName.value;
bNumber = bookForm.txtNumber.value;

var concatBook = "<span>"+bTitle+"</span> by "+bName+" sold "+bNumber+" Copies."
$('div').html(concatBook);

Answer 1

在ID为“ mytext”的地方添加Textarea

     <textarea id="mytext" name="somename"></textarea>

添加JavaScript

      bTitle = bookForm.txtTitle.value;
      bName = bookForm.txtName.value;
      bNumber = bookForm.txtNumber.value;

      var concatBook = ""+bTitle+" by "+bName+" sold "+bNumber+" Copies.";
      $('#mytext').val(concatBook);  //this will display result in textarea
      $('#mytext').css('font-style', 'italic');

Answer 2

第1步
创建一个具有ID的textarea，此处的id为“ myTextarea”

<textarea id="myTextarea" name="somename"></textarea>

第2步
Java脚本

bTitle = bookForm.txtTitle.value;
    bName = bookForm.txtName.value;
    bNumber = bookForm.txtNumber.value;

    var concatBook = ""+bTitle+" by "+bName+" sold "+bNumber+" Copies.";
    $('#myTextarea').val(concatBook);  //this will display result in textarea