如何编辑动态添加的输入，而我的输入数据不填充该数组中的其他输入？
编辑动态添加的输入，同时不填充该数组中的其他输入，可以通过以下步骤实现：
- 首先，创建一个空的数组来存储动态添加的输入数据。
- 在页面上添加一个按钮或其他触发事件的元素，用于动态添加输入。
- 当用户点击按钮或触发事件时，通过JavaScript代码动态创建一个输入元素，并将其添加到页面上。
- 给每个动态创建的输入元素添加一个唯一的标识符，例如使用索引或随机生成的ID。
- 当用户填写动态创建的输入元素时，将其值存储到之前创建的空数组中，可以使用事件监听器或其他适当的方法来实现。
- 如果需要编辑某个特定的动态输入，可以根据其唯一标识符在数组中找到对应的值，并将其填充到输入框中供用户编辑。
- 当用户完成编辑后，更新数组中对应的值。
- 如果不需要填充其他输入，可以在动态添加输入的逻辑中避免将数组中的其他值填充到输入框中。
以下是一个示例代码，演示如何实现上述步骤：
<!DOCTYPE html>
<html>
<head>
<title>动态添加输入</title>
</head>
<body>
<div id="inputs-container"></div>
<button onclick="addInput()">添加输入</button>
<script>
var inputsData = [];
function addInput() {
var input = document.createElement("input");
var uniqueId = generateUniqueId(); // 生成唯一标识符
input.id = uniqueId;
input.type = "text";
document.getElementById("inputs-container").appendChild(input);
input.addEventListener("input", function() {
updateInputData(uniqueId, input.value);
});
}
function updateInputData(id, value) {
var index = inputsData.findIndex(function(input) {
return input.id === id;
});
if (index !== -1) {
inputsData[index].value = value;
} else {
inputsData.push({ id: id, value: value });
}
}
function generateUniqueId() {
return "input-" + Math.random().toString(36).substr(2, 9);
}
</script>
</body>
</html>在上述示例中，点击"添加输入"按钮会动态创建一个输入框，并将其添加到inputs-container容器中。每个输入框都有一个唯一的ID，并且在用户输入时会触发input事件，将输入的值更新到inputsData数组中。如果需要编辑某个输入框，可以根据其ID在数组中找到对应的值，并将其填充到输入框中。同时，该示例没有涉及云计算相关的内容，因此无需提供腾讯云相关产品链接。
相关·内容
我有一个formik表单，它根据数组inputs的长度映射一个View和两个x。X的长度将根据不同的场景而变化。 下面是代码。handleSubmit} /> )} </View> }
} 当我提交的时候当我输入时，文本也会填充该名称的所有
浏览 8提问于2019-04-13得票数 1
回答已采纳
(当我发现我在jsfiddle中搞错了javascript时，我删除了这个问题的早期版本。我假设数组确实被填充了，因为“point”元素确实被图形化了。但是如果数组确实被填充了，我无法解释为什么JSXGraph会以cpArrayX2，cpArrayY2作为输入绘制曲线，而不是以cpArrayX，cpArrayY作为输入。稍后编辑：
在上面的wiki页面上有一个动态数据图的
浏览 1提问于2020-12-13得票数 0
1回答
我如何从json字符串创建一个android表单输入，如下所示： {"Name":"Fullname", "Type":"Text", "List":{""}}, {"Name":"Gender", &qu
浏览 1提问于2016-07-21得票数 1
我正在尝试将字段动态添加到我的CakePHP表单中，但似乎我使用的每一种方法都有其自身的缺点，而我无法修复这些缺点。以下是我尝试过的：
不添加新输入，只需用逗号分隔单个输入中的值。这似乎相当容易，当尝试爆炸输入并将每个值保存在数据库中的新行时，会出现一些问题。但是，当我必须<
浏览 3提问于2011-05-14得票数 14
回答已采纳
input type="submit" name="submit" class="submit" id="submit" value="submit" />==========
我想要实现的类似于
浏览 0提问于2017-06-17得票数 0
id="CompanyMultiSelect" name="CompanyMultiSelect" multiple="multiple">我有一个JavaScript，可以用数据动态填充它数据被填充了，除了其他东西之外，还有一些带有id的输入，它们是动态生成的，所以在页面加载之前我不知道它们。我需要选择se
浏览 0提问于2013-01-22得票数 0
回答已采纳
1回答
例如，我在每个项目上都有一个带有编辑按钮的项表：
我想在引导模式中填充编辑表单，尽可能快、高效和容易。目前，我已经尝试通过Javascript填充到一个部分，但这有点笨重，不适合我的需要，当有特定的功能，不同的输入和不同的方式输入数据。在我的一些表中，编辑函数需要500+行Javascript来计算和处理
浏览 1提问于2020-03-30得票数 0
回答已采纳
1回答
输入阵列拉架不工作
、、、、
我正在以我的形式创建一个输入数组。我想在拉拉维尔的控制器上安装这个阵列。<input type="hidden" name="id_poi[]" class="id_poi" value=""
浏览 3提问于2014-12-27得票数 1
我正在尝试根据用户输入的数据创建Dataset，使用data选项。是否有一种方法可以在存储进程中动态地添加Dataline中的值？如果不是，我该怎么做呢？
编辑:我是从用户输入作为一个数组的数字。我想再添加几个字段来形成我的数据集。总之，我试图创建的数据集是来自用户的
浏览 4提问于2014-04-21得票数 1
回答已采纳
在我的Range7应用程序中，我需要实现功能，以形式动态填充输入文本框，并需要创建/编辑API的值。我已经完成了动态填充输入文本框的角度形式。现在，我需要创建和编辑那些fields.can，请您建议如何做到这一点？在Angular7中。
用例示例:我有一个带有id和name的语言数组对象。现在，第一步
浏览 0提问于2020-02-17得票数 0
使用JQuery，用户可以单击这些列表项元素，并在一个显示的div中编辑每个附件的细节(例如。删除图像，添加字幕等)。在提交完整的父表单( CMS帖子)后，我希望收集所有仍然标记为要删除的附件，并将它们的GUID提交给PHP脚本，该脚本正在为我进行所有其余的帖子更新。备选案文A：
是否可以将JQuery数组与通过表单输入自然发送到动作脚本的数据一
浏览 0提问于2013-01-16得票数 1
回答已采纳
出于某种原因，“ab”正在添加到第二个字段中。第三个测试类型ab，选择一个选项，添加.键入'bc'，选择一个选项，添加。键入cd，但单击“保存”按钮，而不是选择选择。这是一个相当复杂的表单，除非我必须这样做，否则我不希望进行完全刷新。<?xml version="1.0" encoding="UTF-8"?这增加了ab，abc --尽管还没有点击链
浏览 3提问于2013-09-13得票数 1
回答已采纳
在表单中，我有一个简单的下拉输入列表，其中填充了来自控制器的数据。以下是输入字段：在这里，我如何填充它：
$employees =>User->getEmployeeList($this->Auth-&g
浏览 1提问于2013-10-07得票数 0
3回答
我有一个有3个输入字段的页面。在这些字段中，我希望获得最大值。我想要实现的是，用户可以填写一个字段，该字段的值被动态添加到一个数组中，如果该值大于其他两个输入字段的值，则该值也会显示在文本字段中。我希望在没有onBlur()函数的情况下也能做到这一点(如果可能的话)。尝试使用keyup函数，但
浏览 0提问于2015-02-24得票数 2
3回答
我想实现一个JTable，这将只会被编辑和更新的程序。我不希望启用用户交互。然后，我想用数组数据设置字段。对于表生命周期，列名是如何存储为最终值或其他值的？
如果我不需要交互，我需要实现一个TableModel吗？
浏览 1提问于2010-12-08得票数 1
回答已采纳
2回答
android中动态数组的使用
、、、、
我最近在android上开发了一个列表程序，其中有一个编辑文本，我可以通过它输入姓名。这些名称存储在数据库中，并显示在列表中。现在，我想添加一个按钮，当按下该按钮时，将显示一个新布局，其中包含我在列表中输入的名称。显示的名称必须是动态的，即如果我输入5个名称，则只显示5个，如果我输入10，则显示10个，依此类推。我对动态
浏览 0提问于2012-03-21得票数 0
回答已采纳
我正在制作一个可以创建幻灯片的wordpress小工具。我希望它支持幻灯片中的图像的动态数量，所以我需要为每个新上传的图像在小工具的管理表单中添加一个额外的输入字段。我的问题是，我不知道如何将动态创建的字段的值传递给小部件update()函数。
我有一个在小部件后端保存图像路径的数组，我<em
浏览 2提问于2013-04-18得票数 1
我以编程方式使用jquery填充表单输入字段值。这些值在表单中可见。当我在提交时对表单数据进行console.log时，该数据不包含值。当我手动修改值时，数据确实包含以下值： $('#itemNum').val('myNewValue');<in
浏览 5提问于2017-10-15得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
