Question

所以，我很新，我正在上网络设计课程。

我的任务是构建一个表单，该表单将用户输入10个字段并对输入进行排序，然后将其显示回网页中，并显示当前日期和时间。

我现在稍后对时间/日期进行排序..

首先，我使用表格创建了一个包含所有输入字段的表单。输入类型=＆＃34;文字＆＃34;需要=＆＃34;需＆＃34;命名=＆＃34;螺旋桨＆＃34; MAXLENGTH =＆＃34; 20＆＃34;值=＆＃34;＆＃34; 等等...

然后我使用变量编写了一个函数，然后将变量放在一个名为accessories的数组中：

<script>

function gopro() {
parts.sort();
parts.reverse();
var input = document.getElementById("Propellers").value;
var input = document.getElementById("Batteries").value;
var input = document.getElementById("Gimbal").value;
var input = document.getElementById("Micro_HDMI").value;
var input = document.getElementById("Camera_Housing").value;
var input = document.getElementById("Carry_Bag").value;
var input = document.getElementById("Stabilization").value;
var input = document.getElementById("Karma_Drone").value;
var input = document.getElementById("Karma_Grip").value;
var input = document.getElementById("Hero_6_Camera").value;
var accessories = [Propellers, Batteries, Gimbal, Micro_HDMI, Camera_Housing, Carry_Bag, Karma_Drone, Karma_Grip, Hero_6_Camera];
document.getElementById("parts").innerHTML = accessories;   

}
</script>

然后在单击按钮时调用该函数=＆＃34; gopro（）

在页面上显示（返回）输入值：

ID =＆＃34;份＆＃34;

但是当我点击提交按钮时，表单就会重置。想知道为什么表单只是重置而不是在网页上产生输出？

THX

Answer 1

表单被提交到其action属性，如果未提供任何操作，则表单将提交到当前页面URL

在开始时在函数中使用e.preventDefault()，然后进行计算

同样在您的代码中，您已逐个为input变量分配了所有值，因此accessories变量将具有您想要的值???

获取用户输入（项目）并按排序顺序在屏幕上重新打印

1 个答案: