<p>我必须从表单中的不同信息生成一份报告。</p> <p>首先，我必须从这里选择一种物质：</p> <pre class="brush:php;toolbar:false;">&lt;input type="checkbox" class="sostanzeCheck" value="Cocaina" name="sostanza[]" onchange="collectSostanze()"/&gt;&lt;span class="testoBianco"&gt; Cocaina &lt;/span&gt;&lt;br&gt; &lt;input type="checkbox" class="sostanzeCheck" value="Crack" name="sostanza[]" onchange="collectSostanze()"/&gt;&lt;span class="testoBianco"&gt; Crack &lt;/span&gt;&lt;br&gt; &lt;input type="checkbox" class="sostanzeCheck" value="Marijuana" name="sostanza[]" onchange="collectSostanze()"/&gt;&lt;span class="testoBianco"&gt; Marijuana &lt;/span&gt;&lt;br&gt; &lt;input type="checkbox" class="sostanzeCheck" value="Cannabis" name="sostanza[]" onchange="collectSostanze()"/&gt;&lt;span class="testoBianco"&gt; Cannabis &lt;/span&gt;&lt;br&gt; &lt;input type="checkbox" class="sostanzeCheck" value="Eroina" name="sostanza[]" onchange="collectSostanze()"/&gt;&lt;span class="testoBianco"&gt; Eroina &lt;/span&gt;&lt;br&gt; &lt;input type="checkbox" class="sostanzeCheck" value="Skunk" name="sostanza[]" onchange="collectSostanze()"/&gt;&lt;span class="testoBianco"&gt; Skunk &lt;/span&gt;&lt;br&gt; &lt;input type="checkbox" class="sostanzeCheck" value="Sintetiche" name="sostanza[]" onchange="collectSostanze()"/&gt;&lt;span class="testoBianco"&gt; Sintetiche &lt;/span&gt;&lt;br&gt;&lt;br&gt;</pre> <p>我已经写了一个函数，它会将我选择的内容打印到控制台，以验证是否正确，函数如下：</p> <pre class="brush:php;toolbar:false;">function collectSostanze(){ const selectedSostanze = []; const checkboxes = document.querySelectorAll('.sostanzeCheck:checked'); checkboxes.forEach(checkbox =&gt; { selectedSostanze.push(checkbox.value); console.log("Sostanza: ", selectedSostanze); }); return selectedSostanze; }</pre> <p>现在，我遇到了一个问题，无法收集我在这些文本区域中输入的内容：</p> <pre class="brush:php;toolbar:false;">&lt;div id="bloccoAnalisi" style="display: none;"&gt; &lt;label&gt;Percentuale di Principio Psicoattivo&lt;/label&gt;&lt;br&gt; &lt;textarea rows="3" cols="80" class="textarea" name="psicoattivo" id="psicoattivo_text" &gt;&lt;/textarea&gt;&lt;br&gt; &lt;label&gt;Grammi&lt;/label&gt;&lt;br&gt; &lt;textarea rows="3" cols="80" class="textarea" name="grammi" id="grammi_text" &gt;&lt;/textarea&gt; &lt;label&gt;Dosi Medie Singole&lt;/label&gt;&lt;br&gt; &lt;textarea rows="3" cols="80" class="textarea" name="dosi" id="dosi_text" &gt;&lt;/textarea&gt; &lt;/div&gt;&lt;br&gt;</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;">&lt;div id="paragrafiRicostruzione" class="paragrafoFields"&gt; &lt;h3&gt;Ricostruzione del Fatto&lt;/h3&gt; &lt;textarea rows="3" cols="80" class="textarea" id="reportTextArea" name="report"&gt;&lt;/textarea&gt; &lt;/div&gt;</pre> <p>当然，我必须根据我选择的物质生成不同的报告，并将它们逐个追加在一起。</p> <p>我正在使用Laravel框架，并使用JS进行脚本编写。</p> <p>谢谢。</p>

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>