取得寫在某些文字區域內的數據

Question

<p>我必須從表單中的不同資訊產生一份報告。</p> <p>首先，我必須從這裡選擇一種物質：</p>

 {
        selectedSostanze.push(checkbox.value);
        console.log("Sostanza: ", selectedSostanze);
      });

     返回選定的Sostanze；
    }</pre>
<p>現在，我遇到了一個問題，無法收集我在這些文字區域中輸入的內容：</p>
<pre class="brush:php;toolbar:false;"><div id="bloccoAnalisi" style="display: none;">
    <label>Percentuale di Principio Psicoattivo</label><br>
    <textarea rows="3" cols="80" class="textarea" name="psicoattivo" id="psicoattivo_text" ></textarea><br>
    <label>Grammi</label><br>
    <textarea rows="3" cols="80" class="textarea" name="grammi" id="grammi_text" ></textarea>
    <label>Dosi Medie Singole</label><br>
    <textarea rows="3" cols="80" class="textarea" name="dosi" id="dosi_text" ></textarea>
 </div><br></pre>
<p>這些值會即時更改，我想要實現的是產生以下報告：</p>
<p>「I successivi accertamenti tossico-chimici evidenziavano che si trattava di "SUBSTANCE_NAME" con una percentuale media di THC pari al "FIRST TEXTAREA'S VALUE%" eUE liARET TE grammi sequestrati da cui era possibile ricavare circa "THIRD TEXTAREA'S VALUE" dosi medie singole".</p>
<p>這份報告必須加入到另一個文字區域中，如下所示：</p>
<pre class="brush:php;toolbar:false;"><div id="paragrafiRicostruzione" class="paragrafoFields">
      <h3>Ricostruzione del Fatto</h3>
      <textarea rows="3" cols="80" class="textarea" id="reportTextArea" name="report"></textarea>
</div></pre>
<p>當然，我必須根據我選擇的物質產生不同的報告，並將它們逐一追加在一起。 </p>
<p>我正在使用Laravel框架，並使用JS進行腳本編寫。 </p>
<p>謝謝。 </p>            

Answer 1

您可以在表單上監聽keyup事件。每當使用者在文字區域中輸入內容時，就會發生該事件。然後將整個（模板）字串插入到報告文字區域的值中。

document.forms.form01.addEventListener('keyup', e => {
  let form = e.target.form;
  form.report.value = `I successivi accertamenti tossico-chimici evidenziavano che si trattava di "SUBSTANCE_NAME" con una percentuale media di THC pari al "${form.psicoattivo.value}" e il "${form.psicoattivo.value}" per complessi "${form.grammi.value}" grammi sequestrati da cui era possibile ricavare circa "${form.dosi.value}" dosi medie singole`;
});

form>div {
  display: flex;
  flex-direction: column;
}

<form name="form01">
  <div id="bloccoAnalisi">
    <label>Percentuale di Principio Psicoattivo<br>
    <textarea rows="3" cols="80" class="textarea" name="psicoattivo"></textarea></label>
    <label>Grammi<br>
    <textarea rows="3" cols="80" class="textarea" name="grammi"></textarea></label>
    <label>Dosi Medie Singole<br>
    <textarea rows="3" cols="80" class="textarea" name="dosi"></textarea>
    </label>
  </div>
  <div id="paragrafiRicostruzione" class="paragrafoFields">
    <label><h3>Ricostruzione del Fatto</h3>
    <textarea rows="3" cols="80" class="textarea" name="report"></textarea></label>
  </div>
</form>