如何在点击一个';编辑';JavaScript中的按钮?(不使用任何数据库)

如何在点击一个';编辑';JavaScript中的按钮?(不使用任何数据库),javascript,html,typescript,Javascript,Html,Typescript,我使用简单的JavaScript代码提交表单,并将表单数据以对象的形式存储到数组中,然后单击按钮显示数据。我还为每个元素提供了两个按钮-“编辑”和“删除”,同时在“操作”标题下以表格形式显示数据 我可以将相应的ID传递给这些方法,以便对特定条目/对象执行编辑和删除操作,并基于此,我希望将数据保留在最终数组中,并希望在操作后显示它们 然而,我已经完成了“删除”功能,但我无法获得任何线索来实现“编辑”按钮功能。 我想知道-当我点击编辑按钮时,是否可以用可用数据预填充表单并进行更改,然后再次将其保存回

我使用简单的JavaScript代码提交表单,并将表单数据以对象的形式存储到数组中,然后单击按钮显示数据。我还为每个元素提供了两个按钮-“编辑”和“删除”,同时在“操作”标题下以表格形式显示数据

我可以将相应的ID传递给这些方法,以便对特定条目/对象执行编辑和删除操作,并基于此,我希望将数据保留在最终数组中,并希望在操作后显示它们

然而,我已经完成了“删除”功能,但我无法获得任何线索来实现“编辑”按钮功能。 我想知道-当我点击编辑按钮时,是否可以用可用数据预填充表单并进行更改,然后再次将其保存回去

注意:我没有为此使用任何数据库连接。在下面的代码中,我将对象存储在数据数组中

示例表单对象-我在提交后存储dataArray:

0: CreateUser
description: "I am Web developer"
email: "test@gmail.com"
english: "english"
gender: "Male"
hindi: "hindi"
id: "12312"
name: "test"
othersLang: "others"
role: "dev"
请看一看---


函数getEmployeeDetails(){
让totalLength=userArray.length;
如果(总长度===0){
警报(“未找到用户数据”);
返回;
}
让tbody=document.getElementById(“tbody”);
tbody.innerHTML=“”;
for(设i=0;ix.id==id);
log(“aftre”,userArray);
让elem=document.getElementById(id);
elem.remove();
返回用户数组;
}
函数editUser(id){
console.log(“edit”,id);//打印相应的id
}
我不确定这是否能够实现


非常感谢您对此提出的任何建议。

我不确定是否理解您想要实现的目标,但如果您试图在不使用任何数据库的情况下预填充页面,则可以使用包含一些json数据的文件。 看见 或者,您可以在加载事件中将其硬编码到页面中

另一方面,如果您知道不打算使用Internet Explorer,您可以使用find()函数而不是filter(),因为find()一旦找到在其函数中传递的任何内容的第一次出现,就会停止对数组的迭代,并且filter()将继续前进。 鉴于您正试图使用唯一ID获取数据,因此最好改用它:)
请参见

我不确定是否理解您试图实现的目标,但是如果您试图在不使用任何数据库的情况下预填充页面,则可以使用包含一些json数据的文件。 看见 或者,您可以在加载事件中将其硬编码到页面中

另一方面,如果您知道不打算使用Internet Explorer,您可以使用find()函数而不是filter(),因为find()一旦找到在其函数中传递的任何内容的第一次出现,就会停止对数组的迭代,并且filter()将继续前进。 鉴于您正试图使用唯一ID获取数据,因此最好改用它:)

这不是我要找的东西。我已经说明了所有细节。如果您需要任何其他东西,请通过“预填充表单”指定它。您的意思是,一旦您单击某个用户,其编辑表单将由该用户的数据填充吗?是的。我想预先填充表单中的所有字段这不是我要找的。我已经说明了所有细节。如果您需要任何其他东西,请通过“预填充表单”指定它。您的意思是,一旦您单击某个用户,其编辑表单将由该用户的数据填充吗?是的。我想预先填充表单中的所有字段