HTML表单重置我的Javascript变量

HTML表单重置我的Javascript变量,javascript,html,Javascript,Html,你好 “我的表单”的按钮具有javascript函数,用于从表中添加行和重置表单中的文本字段 在我的添加按钮中,我有一个递增变量,rowCount,用于计算行数。它运行良好,符合我的预期。当我把它放在标记中时,它停留在2,不增加,也不添加行 这是我的代码,供我们参考,也需要调试。提前谢谢 var rowCount=1; 函数addRow(){ var table=document.getElementById('tblOrder'); rowCount=rowCount+1; var row=

你好

“我的表单”的按钮具有javascript函数,用于从表中添加行和重置表单中的文本字段

在我的添加按钮中,我有一个递增变量,
rowCount
,用于计算行数。它运行良好,符合我的预期。当我把它放在
标记中时,它停留在2,不增加,也不添加行

这是我的代码,供我们参考,也需要调试。提前谢谢

var rowCount=1;
函数addRow(){
var table=document.getElementById('tblOrder');
rowCount=rowCount+1;
var row=table.insertRow(rowCount);
var cell0=行插入单元格(0);
var cell1=行插入单元格(1);
var cell2=行插入单元格(2);
var cell3=行插入单元格(3);
var cell4=行插入单元格(4);
var cell5=行插入单元格(5);
cell0.innerHTML=“”;
cell1.innerHTML=“”;
cell2.innerHTML=“”;
cell3.innerHTML=“”;
cell4.innerHTML=“”;
cell5.innerHTML=“”;
警报(行计数)
}
函数resetForm(){
document.getElementById('orderForm').reset();
警报('全部清除!')
}
正文{
字体系列:Calibri;
字体大小:粗体;
}
#主要{
宽度:90%;
边框:1px纯黑;
保证金:自动;
位置:相对位置;
垫底:10px;
}
#主标题{
文本对齐:居中;
文字装饰:下划线;
/*字体大小:粗体*/
字体大小:36px;
边缘顶部:20px;
边缘底部:20px;
}
#客户,产品{
宽度:90%;
位置:相对位置;
保证金:自动;
边框:1px纯黑;
填充:20px;
}
#卡斯特{
边缘底部:20px;
}
#刺激{
边缘底部:10px;
}
#客户名称,#产品名称{
颜色:蓝色;
字体大小:25px;
/*字体大小:粗体*/
文字装饰:下划线;
边缘底部:20px;
/*位置:相对位置*/
}
#顾客p{
显示:块;
}
#客户输入{
显示:内联;
}
#对{
位置:绝对位置;
排名:0;
右:0;
填充:10px;
/*边框:1px纯黑*/
}
#对{
右:0;
}
#T领主{
宽度:100%;
边框:1px纯黑;
}
#T领主西亚德{
背景色:暗绿色;
颜色:白色;
字号:18px;
}
#T洛德td{
文本对齐:居中;
填充物:5px;
}
#inp1{
宽度:5%;
}
#inp2{
宽度:10%;
}
#inp3,inp5,inp6{
宽度:15%;
}
#inp4{
宽度:40%;
}
#tblOrder tr td输入{
宽度:95%;
}
#加{
颜色:蓝色;
字体大小:粗体;
背景色:白色;
边框:1px纯白;
边缘顶部:10px;
}
#脚{
位置:相对位置;
宽度:90%;
保证金:自动;
/*边框:1px纯黑*/
}
#钮扣{
位置:相对位置;
左:0;
/*显示:内联*/
}
#总数{
位置:绝对位置;
右:0;
/*显示:内联*/
}

形式
订单
顾客
客户名称:

地址:

联系人姓名:

电话: 流动电话:

电子邮件地址:@.com

订购日期:

订单号:

要订购的产品 单位 量 产品代码 描述 单价 总价 +划船 总数: 提交 重置
如果按钮放在表单中,则默认情况下它们将成为提交按钮,这意味着它们在单击时提交表单。如果表单没有指定操作,它将被提交到与页面相同的URL,从而刷新页面。这就是你的情况

要防止按钮提交表单,请将其
类型
设置为通用按钮,而不是提交按钮:

<button type="button"></button>


表单中
按钮的默认行为是提交。您可以使用
标签替换按钮。或者在click事件中,阻止默认行为当我在按钮中添加类型属性时,它起作用:)谢谢