使用 Java 脚本多次获取 Web 表单中的条目

Question

我有一个名为“audit-form”的网络表单，它有一列我们必须在其中输入观察次数。

<form id="audit-form" action="action.php" method="post">
    <label for="observ_count">Number of Observations</label>
    <textarea id="observ_count" name="Number_of_Obsevations"></textarea>
    <input type="submit" value="Add Obsevations" id="audit_form_submit"/>
</form>
<script>
    const auditForm=document.getElementById("audit_form");
    const auditButton=document.getElementById("audit_form_submit");

    auditButton.addEventListener("click",(e) => {
        e.preventDefault();
        var noo = auditForm.Number_of_Observations.value;
        for(i=0;i<noo;i++)
        {
            if(i<noo-1)
            {
                window.location.assign('observ.html'); //html page to enter obsevations and next button at bottom
            }
            else
            {
                window.location.assign('observ1.html'); //html page to enter obsevations and submit button at bottom
            }
        }
    });
</script>

我尝试这样做，但直接打开的是 observ1.html 而不是 observ.html 请帮忙

Answer 1

你这里简单错了：

看名字

<textarea id="observ_count" name="Number_of_Obsevations"></textarea>

现在看看你用 js 写了什么：

var noo = auditForm.Number_of_Observations.value;

Number_of_Obsevations 不等于Number_of_Observations

const auditForm=document.getElementById("observ_count");
const auditButton=document.getElementById("audit_form_submit");

auditButton.addEventListener("click",(e) => {
e.preventDefault();
var noo = auditForm.value;
for(i=0;i<noo;i++)
{
if(i<noo-1)
{
console.log('1');
}
else
{
console.log('2');
}
}
})

<form id="audit-form">
<label for="observ_count" Number of Obsevations</label>
<textarea id="observ_count" name="Number_of_Obsevations"></textarea>
<input type="submit" value="Add Obsevations" id="audit_form_submit">
</form>