获取写在某些文本区域内的数据

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%" e il "FIRST TEXTAREA'S VALUE%" per complessi "SECOND TEXTAREA'S VALUE" 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>