使用$（'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