取得寫在某些文字區域內的數據
P粉713866425
P粉713866425 2023-08-17 21:56:30
0
1
531
<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>            
P粉713866425
P粉713866425

全部回覆(1)
P粉207483087

您可以在表單上監聽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>
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板