如何将多个动态生成的文本框值显示到一个数组中
将多个动态生成的文本框值显示到一个数组中，可以通过以下步骤实现：
- 创建一个空数组，用于存储文本框的值。
- 给每个动态生成的文本框添加一个唯一的标识符，例如使用类名或ID。
- 使用JavaScript或其他前端框架，通过选择器选取所有动态生成的文本框。
- 遍历选取到的文本框，获取每个文本框的值。
- 将每个文本框的值添加到数组中。
- 最后，可以将数组中的值用逗号分隔或其他方式展示出来。
以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>动态生成文本框</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<div id="textboxes">
<!-- 动态生成的文本框将会添加到这里 -->
</div>
<button onclick="getValues()">获取文本框的值</button>
<p id="result"></p>
<script>
var values = []; // 存储文本框的值的数组
// 动态生成文本框的函数
function generateTextBox() {
var textBox = document.createElement("input");
textBox.type = "text";
textBox.className = "dynamic-textbox";
document.getElementById("textboxes").appendChild(textBox);
}
// 获取文本框的值并存储到数组中
function getValues() {
values = []; // 清空数组
var textboxes = document.getElementsByClassName("dynamic-textbox");
for (var i = 0; i < textboxes.length; i++) {
values.push(textboxes[i].value);
}
document.getElementById("result").innerHTML = "文本框的值：" + values.join(", ");
}
// 示例：动态生成3个文本框
generateTextBox();
generateTextBox();
generateTextBox();
</script>
</body>
</html>在上述示例中，我们使用了JavaScript和jQuery库来实现动态生成文本框和获取文本框的值。点击"获取文本框的值"按钮后，会将文本框的值存储到数组中，并在页面上展示出来。你可以根据实际需求进行修改和扩展。
相关·内容
我有一个带有几个预定义文本框的表单，除此之外，我还创建了一些动态文本框，我可以用javascript(我猜)来做。在提交表单时，如何将动态生成的文本框的值设置为bean。在bean中，我定义了字符串数组来保存动态生成的文本框值的内容。我没有
浏览 0提问于2011-07-11得票数 0
回答已采纳
我希望将两个或多个输入元素绑定到viewModel的一个可观察属性。
例如，我可能有一个名为“电话号码”的属性，它由区号和号码组成。我想显示两个用于用户输入的文本框，它将更新视图模型中的单个观察值(它可以存储为逗号分隔的字符串或数组)。我不希望有多个属性，然后又有一个电话号码的计算属性，因为我
浏览 2提问于2012-06-21得票数 0
请帮助我，其中文本框的id保持自动递增，而名称保持不变。我要求的是，当我提交表单时，生成的文本框的值必须存储在一个数组中，然后将该数组存储在数据库中。如何使用codeigni
浏览 0提问于2012-10-15得票数 2
回答已采纳
我有一个或多个文本框，当第一个文本框更改时，我需要将值复制到其他文本框中。它们是动态创建的，所以它可以是任意数量的文本框。这里是文本框的html标记：
<input type="text" name="PreviousQuotePrice@(Model.SanQuoteLineKey)&quo
浏览 0提问于2013-05-01得票数 0
回答已采纳
1回答
我有多个动态生成的文本box.Here，当我点击文本框行中的add按钮时，它会动态生成文本框行，并从文本框中获取值。这里，我如何使用php从这些行或数组的文本框中获取值。 </div>
</div&g
浏览 19提问于2017-08-24得票数 0
回答已采纳
我用ASP.Net做了一个项目，要求在文本框中输入一个数字。在其中键入一个数字并单击一个按钮后，它将根据文本框中给出的值生成文本框的编号。例如，如果我在文本框中输入5，它会动态生成下面的5个文本框。我希望动态创建的文本框(
浏览 0提问于2011-05-10得票数 0
因此，我看到了一个来自Vue的Docs 的多个复选框的简单示例。将每个选中复选框的值添加到绑定数组中，这很好。然而，对于我正在构建的应用程序，我需要类似的功能，但我希望能够在相应的文本框中显示复选框的值。
我要找的是，每个选中的复选框的值
浏览 1提问于2016-08-16得票数 0
回答已采纳
1回答
我使用的是自动补全文本框，这里基于动态值超过滚动条，如果超过动态值，则滚动条显示在文本框中，滚动条自动超过在页脚页和两个滚动条中显示。如果在文本框滚动条中显示的值不应该超过页脚内容，只在正文容器中显示，也不会显示两个滚动条，所以请帮助我解决这个问题。css代
浏览 0提问于2014-06-21得票数 4
在我的项目中，我在表中动态生成文本框，如下所示javaDevelopment Addnew我为一个week.if用户单击addnew显示表，在用户单击addnew按钮的行下面生成动态
浏览 5提问于2014-10-31得票数 3
回答已采纳
1回答
我想创建一个文本框的动态数字显示，将有一个文本框和一个提交按钮，然后我的第一个文本框的数值也将显示文本框的数字。这将允许我在我的数据库中输入我的记录。我正在为我的数据库使用MySQL，如果我的textbox的第一组记录与第
浏览 1提问于2012-11-24得票数 2
单击一个名为"Add Textbox“的按钮，它会调用一个函数，该函数使用(gtk.Entry)函数创建单个文本框。所以每次我点击这个按钮，它都会创建一个文本框。我有一个提交按钮，它应该获取所有的文本框(比如10个文本框)的值，生成的名称为"entry“。它适用于一个文本框，但不适用于多个<
浏览 2提问于2010-03-12得票数 0
回答已采纳
我有动态生成文本框的代码。我想要乘以数量和速率文本框的值，并在总文本框中显示结果，然后将其发布到下一页。
显示如何动态生成文本框的fiddle 。我已经尝试了下面的代码部分来乘以两个文本框的值，但它对我不起作用。有关完整代码，请参阅小提琴。').v
浏览 0提问于2013-05-24得票数 1
回答已采纳
我正在尝试从许多英国邮政编码动态生成必应地图。尽管有硬编码位置的示例可用，但我很难找到一个示例，说明如何将邮政编码输入asp.net (VB)文本框(实际上是5个框)，一旦单击按钮，这些变量将被传递到bing地图并显示(unfortuantley，我的Javascript不是很好)。我一直在使用“交互式SDk”，这个例子非常接近我想要的：
有没有人知道如何适应这种情况，这样我就可以传递几个文本框<e
浏览 0提问于2012-08-20得票数 0
我有一个表单，其中有一个add按钮。当单击add按钮时，会出现一个新的文本框，用户可以在其中输入一些数据。用户可以点击add按钮任意次。我正在使用javascript动态生成文本框。我可以维护生成的文本框数量的计数。在这些文本框中输入的所有值都必须使用JSP存储在数据库中。由于我不知道创建了多
浏览 2提问于2011-02-16得票数 1
回答已采纳
1回答
我需要将HTML表单中生成的数组发送到PHP脚本。我知道在数组准备就绪时如何执行该过程，但我的问题是:数组必须从textbox的内容动态生成。用户在文本框中键入一个值，然后单击“追加”按钮，然后将该值添加到一个数组中。然后，用户在同一文本框中键入另一个值，单
浏览 0提问于2018-03-16得票数 0
我希望这里面的每一个数据都是可变的。我正在使用java。"b" } }}*请注意，“区段”数组的内部值是动态的</em
浏览 0提问于2019-03-21得票数 0
回答已采纳
我正在使用JSP，并且已经成功地使用了JavaScript来运行多达10个动态文本框。我的问题是如何获取文本框值并在下一页中使用它们，因为动态文本框具有相同的名称。如何将这些文本框值插入到Oracle中？
浏览 1提问于2012-02-28得票数 0
1回答
如何将作为数组的ng模型绑定到固定数量的文本框？<input type="text" name="optionalField[]">
<input type="text" name="opt
浏览 3提问于2016-10-05得票数 2
回答已采纳
2回答
我有一个整数变量和多个文本框。用户在这些文本框中输入数据并按下一个按钮。这些文本框中的数据作为变量保存。然后，重新设置文本框并重复处理，然后再将它们保存为变量。这是多次完成的，从1到整数变量。如何做到这一点，以便将文本框中的每个变量放入数组中，以便对其进行排序和搜索？
如果你有任何问题，请问。
浏览 1提问于2016-08-22得票数 0
回答已采纳
4回答
我试图创建X个表，每个表的长度(列)为Y，每行4行，X和Y由用户决定。这部分我已经解决了。考虑到表的数量和表的长度未知，我不能提前设置文本框的名称，必须动态<
浏览 7提问于2013-10-27得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
