Javascript don'；我不想在单击按钮时刷新页面

我有一个HTML表格，里面有一个输入字段，里面是

autocomplete=on

，用来存储数据，我要做的是在表格里面有一个下拉列表，并根据需要有按钮。当用户点击任何下拉表时，会根据它填充，用户会向输入字段输入一些输入

我提供了一个

查看

按钮，当用户单击时，它会显示用户在输入字段中输入的内容（所有非零行都会被填充），单击查看时，我会隐藏查看按钮并显示

编辑

按钮，以便用户在查看数据后再次进行编辑

当用户单击编辑时，我正在调用添加表（tableData）my table函数并再次显示表，但单击编辑时显示表，但所有输入字段重置为

0

，这不是代码的预期行为，当我使用

autocomplete=on

时，它应该将值存储到输入字段中，直到用户刷新页面 为此，我使用了

autocomplete=on

，但它仍然得到刷新

var tableData=[{
“项目代码”：“1978”，
“项目名称”：“Alu聊天室”，
“类别名称”：“聊天”
},
{
“项目代码”：“1981”，
“项目名称”：“Samosacht-S”，
“类别名称”：“聊天”
},
{
“项目代码”：“1982”，
“物品名称”：“Dahi Samosa Chats-S”，
“类别名称”：“常规”
},
{
“项目代码”：“1984”，
“物品名称”：“卡乔里聊天室-S”，
“类别名称”：“常规”
},
{
“项目代码”：“1985”，
“物品名称”：“Garam Kachori聊天室-S”，
“类别名称”：“常规”
},
{
“项目代码”：“1986”，
“物品名称”：“Dahi Kachori聊天室-S”，
“类别名称”：“快餐”
},
{
“项目代码”：“1987”，
“项目名称”：“Dai Raj Kachori-S”，
“类别名称”：“快餐”
},
{
“项目代码”：“1989”，
“项目名称”：“Dahi Baby Kachori-S”，
“类别名称”：“快餐”
},
{
“项目代码”：“1990”，
“项目名称”：“Anar Bhalla-S”，
“类别名称”：“快餐”
},
{
“项目代码”：“1992”，
“项目名称”：“Jhal Muri-S”，
“类别名称”：“快餐”
},
{
“项目代码”：“1994年”，
“项目名称”：“Dahi Papdi Chat-S”，
“类别名称”：“礼品包”
},
{
“项目代码”：“2402”，
“商品名称”：“杏仁巧克力”，
“类别名称”：“礼品包”
},
{
“项目代码”：“333”，
“项目名称”：“一个BR SB EX”，
“类别名称”：“豁免”
},
{
“项目代码”：“603”，
“商品名称”：“阿穆尔鲜奶油”，
“类别名称”：“豁免”
}
]
函数addTable（tableData）{
var col=Object.keys（tableData[0]）；
var countNum=col.filter（i=>！isNaN（i））.length；
var num=列拼接（0，countNum）；
col=col.concat（num）；
var table=document.createElement（“表”）；
var tr=table.insertRow（-1）；//表行。
var colNum=col.length；//提高速度
对于（var i=0；i=colNum）{
th.innerHTML=“数量”；
tr.appendChild（th）；
tr.classList.add（“文本中心”）；
tr.classList.add（“head”）；
}否则{
th.innerHTML=col[i]；
tr.appendChild（th）；
tr.classList.add（“文本中心”）；
tr.classList.add（“head”）；
}
}
对于（var i=0；i-1&&j>=colNum）{
quantityField.style.border=“无”；
quantityField.style[“文本对齐”]=“右”；
setAttribute（“名称”、“数量”）；
setAttribute（“自动完成”、“打开”）；
setAttribute（“值”，“0”）；
setAttribute（“类型”、“编号”）；
setAttribute（“必需”、“必需”）；
quantityField.classList.add（“dataReset”）；
quantityField.toLocaleString（'en-IN'）；
tabCell.appendChild（quantityField）；
}否则{
if（tableData[i][“项目代码”]==tableData[i][col[j]]）{
tabCell.innerHTML=表格数据；
setAttribute（“名称”、“项目代码”）；
setAttribute（“值”，tabledata）；
tabCell.appendChild（hiddenField）；
}
if（tableData[i][“项目名称”]==tableData[i][col[j]]）{
tabCell.innerHTML=表格数据；
setAttribute（“名称”、“项目名称”）；
setAttribute（“值”，tabledata）；
tabCell.appendChild（hiddenField）；
}
if（tableData[i][“类别名称”]==tableData[i][col[j]]）{
tabCell.innerHTML=表格数据；
setAttribute（“名称”、“类别名称”）；
setAttribute（“值”，tabledata）；
tabCell.appendChild（hiddenField）；
}
如果（j>1）tabCell.classList.add（“文本右侧”）；
}
}
}
var divContainer=document.getElementById（“HourlysalesSummary”）；
divContainer.innerHTML=“”；
divContainer.appendChild（表）；
表.classList.add（“表”）；
table.classList.add（“带条纹的表”）；
table.classList.add（“带边框的表”）；
table.classList.add（“表悬停”）；
$（“#视图”）。在（“单击”，函数（）上）{
var itemRows=document.getElementsByClassName（“项目行”）；
如果（quantityField==0）{
tabCell.innerHTML=tabledata.hide（）；；
}
});
}
addTable（tableData）；
var selectedOption=“”；
$（“#CategoryName”）。在（“change”，function（）上{
selectedOption=this.value；
//获取所有项目行，以便我可以将其作为目标。
var it
<button id="edit" type="button" onclick="edit1(event)" style="display:none">edit</button>