<p>Ich muss einen Bericht aus verschiedenen Informationen in einem Formular erstellen.</p> <p>首先，我必须从这里选择一种物质：</p> <pre class="brush:php;toolbar:false;"><input type="checkbox" class="sostanzeCheck" value="Cocaina" name="sostanza[]" onchange="collectSostanze()"/ ><span class="testoBianco"> Kokain </span><br> <input type="checkbox" class="sostanzeCheck" value="Crack" name="sostanza[]" onchange="collectSostanze()"/><span class="testoBianco"> Crack </span><br> <input type="checkbox" class="sostanzeCheck" value="Marijuana" name="sostanza[]" onchange="collectSostanze()"/><span class="testoBianco"> Marihuana </span><br> <input type="checkbox" class="sostanzeCheck" value="Cannabis" name="sostanza[]" onchange="collectSostanze()"/><span class="testoBianco"> Cannabis </span><br> <input type="checkbox" class="sostanzeCheck" value="Eroina" name="sostanza[]" onchange="collectSostanze()"/><span class="testoBianco"> Eroina </span><br> <input type="checkbox" class="sostanzeCheck" value="Skunk" name="sostanza[]" onchange="collectSostanze()"/><span class="testoBianco"> Stinktier </span><br> <input type="checkbox" class="sostanzeCheck" value="Sintetiche" name="sostanza[]" onchange="collectSostanze()"/><span class="testoBianco"> Sintetiche </span><br><br></pre> <p> > <pre class="brush:php;toolbar:false;">function CollectSostanze(){ const selectedSostanze = []; const checkboxes = document.querySelectorAll('.sostanzeCheck:checked'); checkboxes.forEach(checkbox => { selectedSostanze.push(checkbox.value); console.log("Sostanza: ", selectedSostanze); }); return selectedSostanze; }</pre> <p>Jetzt stoße ich auf ein Problem, das nicht erfasst, was ich in diese Textbereiche eingebe: </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>Die Werte ändern sich in Echtzeit und ich möchte den folgenden Bericht erstellen: </p> <p>„Ich bin zufrieden mit meinem Erfolg und meinem Erfolg mit „SUBSTANCE_NAME“ mit THC-Gleichgewicht von „FIRST TEXTAREA'S VALUE%“ und „SECOND TEXTAREA'S VALUE%“ sowie „SECOND TEXTAREA'S VALUE“, da ich die Möglichkeit habe, etwa „THIRD“ zu erhalten TEXTAREA'S VALUE" dosi medie singole".</p> <p>Der Bericht muss wie folgt einem anderen Textbereich hinzugefügt werden: </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>Natürlich muss ich basierend auf den von mir ausgewählten Stoffen verschiedene Berichte erstellen und diese einzeln anhängen. </p> <p>Ich verwende das Laravel-Framework und Skripte mit JS. </p> <p>Vielen Dank. </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>