<p>フォーム内のさまざまな情報からレポートを生成する必要があります。</p>
<p>第一、我必须从这里选择一物质：</p>
<pre class="brush:php;toolbar:false;"><input type="checkbox" class="sostanzeCheck" value="コカイナ" name="sostanza[]" onchange="collectSostanze()"/ ><スパンクラス="testoBianco">コカイナ </span><br>
<input type="checkbox" class="sostanzeCheck" value="クラック" name="sostanza[]" onchange="collectSostanze()"/><span class="testoBianco">クラック </span><br>
<input type="checkbox" class="sostanzeCheck" value="マリファナ" name="sostanza[]" onchange="collectSostanze()"/><span class="testoBianco">マリファナ </span><br>
<input type="checkbox" class="sostanzeCheck" value="大麻" name="sostanza[]" onchange="collectSostanze()"/><span class="testoBianco">大麻 </span><br>
<input type="checkbox" class="sostanzeCheck" value="エロイーナ" name="sostanza[]" onchange="collectSostanze()"/><span class="testoBianco">エロイナ </span><br>
<input type="checkbox" class="sostanzeCheck" value="Skunk" name="sostanza[]" onchange="collectSostanze()"/><span class="testoBianco">スカンク </span><br>
<input type="checkbox" class="sostanzeCheck" value="Sintetiche" name="sostanza[]" onchange="collectSostanze()"/><span class="testoBianco">シンテティケ </span><br><br></pre>
<p>私は関数をすでに書き終えており、私が選択した内容を制御台に印刷して、正しいかどうかを確認します。関数数は次のとおりです:</p>
<pre class="brush:php;toolbar:false;">functioncollectSostanze(){
const selectedSostanze = [];
const checkboxes = document.querySelectorAll('.sostanzeCheck:checked');
checkboxes.forEach(checkbox => {
selectedSostanze.push(checkbox.value);
console.log("Sostanza: ", selectedSostanze);
});
選択されたソスタンツェを返します。
}</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="psicattivo" id="psicattivo_text" ></textarea><br>
<label>グラミ</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>
<p>値はリアルタイムで変化します。達成したいのは、次のレポートを生成することです。</p>
<p>「私は自分の成功と、THC 優先の "FIRST TEXTAREA'S VALUE%" および "SECOND TEXTAREA'S VALUE%" を使用した "SUBSTANCE_NAME" の成功に満足しています。"THIRD" 頃には可能性のある "SECOND TEXTAREA'S VALUE" についてTEXTAREA の価値「ドーシ メディア シングル」。</p>
<p>レポートは次のように別のテキスト領域に追加する必要があります: </p>
<pre class="brush:php;toolbar:false;"><div id="paragrafiRicostruzione" class="paragrafoFields">
<h3>リコストルツィオーネ デル ファット</h3>
<textarea rows="3"cols="80" class="textarea" id="reportTextArea" name="レポート"></textarea>
</div></pre>
<p>もちろん、選択した物質に基づいてさまざまなレポートを生成し、それらを 1 つずつ追加する必要があります。 </p>
<p>Laravel フレームワークと JS を使用したスクリプトを使用しています。 </p>
<p>ありがとうございます。 </p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
フォーム上で keyup イベントを聞くことができます。このイベントは、ユーザーがテキスト領域に入力するたびに発生します。次に、(テンプレート) 文字列全体がレポート テキスト領域の値に挿入されます。