开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何编辑动态添加的输入，而我的输入数据不填充该数组中的其他输入？

编辑动态添加的输入，同时不填充该数组中的其他输入，可以通过以下步骤实现：

首先，创建一个空的数组来存储动态添加的输入数据。
在页面上添加一个按钮或其他触发事件的元素，用于动态添加输入。
当用户点击按钮或触发事件时，通过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在数组中找到对应的值，并将其填充到输入框中。同时，该示例没有涉及云计算相关的内容，因此无需提供腾讯云相关产品链接。

相关搜索:如何编辑JS填充的输入？JQuery根据其他动态添加的输入字段验证动态添加的输入字段如何在输入时为动态生成的输入添加动态值？如何验证表单中动态添加的输入？如何获取动态添加输入的值动态输入中的PHP数组交换用户输入其他数据时的数组放置 react js中的动态可编辑输入字段在动态添加的组件中添加输入值如何在动态创建的输入中显示输入的多个值？如何在Froala中添加可编辑的文本输入？无法获取angularJS中动态添加的输入元素的表单输入元素状态如何输入数组中的行数？使用函数中的提示输入填充数组将光标放入动态添加的输入中的问题如何将输入的值传递给paypal按钮中的其他输入如何绑定对象的动态输入框数组如何在动态添加行的inputs表中检索用户输入的数据？API中的数据未填充输入字段。Formik 使用用户输入中的日期填充数组

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

小程序中监听textarea或者input输入的值动态改变data中数组的对象的值

'text-transparent' : '' }}" placeholder="请输入文本" bindinput="getInput" maxlength="1000" data-index="{{index...}}" value="{{item.currentInput}}" auto-height auto-focus="true" /> 小程序中监听textarea或者input输入的值动态改变data中数组的对象的值...，不能通过setData设置数组对应索引的对象的值来改变，改变之后，能检测到改变，但是值为空。...先通过赋值改变其中数组中的对象的值，然后重新设置数组。

5.5K0 0

小程序中监听textarea或者input输入的值动态改变data中数组的对象的值

'text-transparent' : '' }}" placeholder="请输入文本" bindinput="getInput" maxlength="1000" data-index="{{index...}}" value="{{item.currentInput}}" auto-height auto-focus="true" /> 小程序中监听textarea或者input输入的值动态改变data中数组的对象的值...，不能通过setData设置数组对应索引的对象的值来改变，改变之后，能检测到改变，但是值为空。...先通过赋值改变其中数组中的对象的值，然后重新设置数组。参考链接：https://blog.csdn.net/chou_out_man/article/details/75575100

4.4K2 0

C++:输入10个整数存入数组list,然后用指针法从后向前输出该数组中的整数

// #include using namespace std; int main() { int a[10], * b; //定义数组内部容量为10和指针b int j = 9;//初始化j...=9,这是全局变量 int i; for (int i = 0; i < 10; i++)//遍历0-9十个数，每一次循环输入一个值，所以这里可以输入10个值 cin >> a[i]; b =...a;//a赋给b,a我们前面已经储存了值 for (i = 0; i < 5; i++)//继续遍历 { int c; //初始化一个c c = *b; //这三行就是交换作用，把大的放在前面

1.9K1 0

卷积核操作、feature map的含义以及数据是如何被输入到神经网络中

Output size=(N-F)/S +1 三、数据是如何被输入到神经网络中一个像素就是一个颜色点，一个颜色点由红绿蓝三个值来表示，例如，红绿蓝为255,255,255，那么这个颜色点就是白色...在人工智能领域中，每一个输入到神经网络的数据都被叫做一个特征，那么上面的这张图像中就有12288个特征。这个12288维的向量也被叫做特征向量。...对于不同的应用，需要识别的对象不同，有些是语音，有些是图像，有些是金融数字，有些是机器人传感器数据，但是它们在计算机中都有对应的数字表示形式，通常我们会把它们转化成一个特征向量，然后将其输入到神经网络中...我们不知道的是，该如何将具有3个信道的图像精确地映射到这32层中！另外，我们也不清楚该如何应用最大池(max-pool)操作符。...每个过滤器中的3个权重矩阵分别用于处理输入图像中的红(R)、绿(G)和蓝(B)信道。

5.1K3 0

输入一个整数数组，实现一个函数来调整该数组中数字的顺序，使得所有的奇数位于数组的前半部分，所有的偶数位于数组的后半部分，并保证奇数和奇数，偶数和偶数之间的相对位置不变。

= 0){ //如果是奇数就执行 int tmp = array[i];//先保存array[i]当前的值 int...j--; } m = j + 1; array[j] = tmp;//将之前保存的值赋值给挪出来的空位

8801 0

编写一个void sort(int*x,int n)实现将x数组中的n个数据从大到小排序。n及数组元素在主函数中输入。将结果显示在屏幕上并输出到文件

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/116194.html原文链接：https://javaforall.cn

8.7K3 0

Android富文本开发

，插入图片后，图片的宽度填充满手机屏幕的宽度，然后高度可以动态设置，图片是剧中裁剪显示；在编辑状态，插入图片后，如果本地图片过大，要求对图片进行质量压缩，大小压缩；在编辑状态，插入多张图片时，添加插入过渡动画...如何在ViewGroup中添加view，删除view时给相应view和受影响的其他view添加动画，不太容易做。...当前的编辑器已经添加了多个输入文本EditText，现在的问题在于需要记录当前编辑的EditText，在应用样式的时候定位到输入的控件，在编辑器中添加一个变量lastFocusEdit。...如何运用到插入或者删除图片场景中向一个ViewGroup添加控件或者移除控件，这两种效果的过程是应对应于控件的显示、控件添加时其他控件的位置移动、控件的消失、控件移除时其他控件的位置移动等四种动画效果...="true" (效果：软键盘不弹出，光标不显示，其他输入框也不获取焦点，ps非直接父布局没有效果）在父布局最顶部添加一个高度为0的EditText，抢了焦点但不展示；软键盘遮挡界面的问题当界面中有输入框

8.5K2 0

设在起始地址为STRING的存储空间存放了一个字符串（该串已存放在内存中，无需输入，且串长不超过99），统计字符串中字符“A”的个数，并将结果显示在屏幕上。

问题设在起始地址为STRING的存储空间存放了一个字符串（该串已存放在内存中，无需输入，且串长不超过99），统计字符串中字符“A”的个数，并将结果显示在屏幕上。

1.3K2 0

一篇文学会商用可编辑问卷表单制作【iVX 十二】

，随后将表单内容添加至该 for 循环之下：接着我们设置创建动态添加的元素循环的数据来源，为动态添加内容次序一维数组：我们回到判断单行组件的属性中，设置条件为当前数据等于 1 则创建当行文本...我们找到添加表单选项中的单行文本，给该按钮设置一个点击事件，需要操作的对象为动态添加的内容次序数组，为其插入一个值，该值就是单行文本的标记 1，插入位置为当前元素个数的加一位置，此时就可以按照顺序往下添加数组内容...接着我们往其他添加按钮中添加事件，例如多行文本的标记值为 2，我们在其中添加事件为往次序数组中添加标记值为 2，在该数组末尾进行添加：其他按钮的事件添加方式类似，在此不再赘述，只需要修改对应的标记值即可...我们此时为保存按钮添加事件，该事件将会显示编辑、文本标题组件，隐藏输入框、保存按钮，并且修改动态插入的数组标题内容，修改的位置为当前循环的序号位置，修改的内容则为输入文本框中的标题内容：此时我们预览页面后点击编辑按钮即可编辑...；在此需要注意的是，一定要将内容添加至当前对象数组中的末尾，否则将会不匹配：随后我们在表单内容行中设置背景属性值为组件属性对象数组的某一行的某个值：接下来设置行号为当前序号：字段名在单引号中输入背景色即可

6.7K3 0

Vue 相关学习笔记（一）

v-if是动态的向DOM树内添加或者删除DOM元素 v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件循环结构 v-for 用于循环的数组里面的值可以是对象，也可以是普通元素...concat concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组 slice slice() 方法可从已有的数组中返回选定的元素。...该方法并不会修改数组，而是返回一个子数组动态数组响应式数据 Vue.set(a,b,c) 让触发视图重新更新一遍，数据动态起来 a是要更改的数据、 b是数据的第几项、 c是更改后的数据图书列表案例...处于编辑状态要把 flag 改为true 即当前表单为禁用 5.4 复用添加方法用户点击提交的时候依然执行 handle 中的逻辑如果 flag为true 即表单处于不可输入状态此时执行的用户编辑数据数据...用户点击提交的时候依然执行 handle 中的逻辑如果 flag为true 即表单处于不可输入状态此时执行的用户编辑数据数据

7.5K2 0

Excel小技巧77：6个简单的方法，批量应用公式到整列

例如，在列C中有一个公式，计算列A和列B对应单元格数据的乘积，可以在列C的第一个公式单元格中输入列A和列B相应单元格相乘的公式，然后，选择该公式单元格，你会看到在右下角有一个绿色小方块，将光标放置于此处...将自动填充直至相邻列中没有数据的单元格为止。注意，要使用此技巧，相邻列中应是连续的数据单元格，其间不应有空单元格。否则，公式只填充到相应列该空单元格的上方。...方法3：使用功能区中的向下填充命令还可以通过功能区“开始”选项卡“编辑”组中填充拆分按钮中的“向下”命令来将公式应用到整列。为此，你必须选择要应用公式的整列，该列中第一个单元格包含公式。...方法5：使用数组公式如果你的Excel版本是Microsoft 365，那么可以使用动态数组来实现。例如，如果列B中是销售额，要在列C中计算15%的税金。...假如数据区域是B2:B15，则可以在单元格C2中输入公式： =B2:B15*15% 公式会返回14个值并填充到整个列中。

50.7K2 0

低代码海报平台的编辑器难点剖析

大致操作流程就是拖动左侧的组件到中间的画布，选中组件，右侧属性面板就会展示与该组件关联的属性。编辑右侧属性，画布中对应的组件样式就会同步更新。页面拼接完成。...）我们将上面的操作流程拆解为三步： 1⃣️ 拖动左侧的组件到中间的画布 2⃣️ 选中组件，右侧属性面板就会展示与该组件关联的属性 3⃣️ 编辑右侧属性，画布中对应的组件样式就会同步更新 1添加组件到画布...通过上一篇文章，我们知道编辑器整体的数据结构是这么设计的： state:{ // 所有添加到画布中的组件数据 componentData:[], } reducers:{ // 添加组件到componentData...最常见的有 textarea、input、select 等。 4、error：属性校验信息。当用户输入了不合法的或者类型不匹配时，可给予适当的错误提示信息。...这个功能是很常见的，他可以极大的提升用户体验，提高编辑效率，但是用代码应该如何实现呢？我前一段写过一篇低代码平台的撤销与重做该如何设计？

1.2K2 0

图书列表案例

1.图书列表静态列表效果基于数据实现模板效果处理每行的操作按钮（禁止默认行为） 1、提供的静态数据数据存放在vue 中 data 属性中 var vm = new Vue...} 4.修改图书-下 5.1 定义一个标识符，主要是控制编辑状态下当前编辑书籍的id 不能被修改即处于编辑状态下当前控制书籍编号的输入框禁用...5.4 复用添加方法用户点击提交的时候依然执行 handle 中的逻辑如果 flag为true 即表单处于不可输入状态此时执行的用户编辑数据数据 <!... 用户点击提交的时候依然执行 handle 中的逻辑如果 flag为true 即表单处于不可输入状态此时执行的用户编辑数据数据 ...根据当前的ID去更新数组中对应的数据 this.books.some((item) => {

1.1K5 0

前端成神之路-vue02

concat concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组 slice slice() 方法可从已有的数组中返回选定的元素。...该方法并不会修改数组，而是返回一个子数组动态数组响应式数据 Vue.set(a,b,c) 让触发视图重新更新一遍，数据动态起来 a是要更改的数据、 b是数据的第几项、 c是更改后的数据图书列表案例...="" @click.prevent>删除 3、添加图书通过双向绑定获取到输入框中的输入内容给按钮添加点击事件把输入框中的数据存储到...处于编辑状态要把 flag 改为true 即当前表单为禁用 5.4 复用添加方法用户点击提交的时候依然执行 handle 中的逻辑如果 flag为true 即表单处于不可输入状态此时执行的用户编辑数据数据...用户点击提交的时候依然执行 handle 中的逻辑如果 flag为true 即表单处于不可输入状态此时执行的用户编辑数据数据

1.9K2 0

excel常用操作大全

9.如何快速定位格？单元方法1:按F5显示“位置”对话框，在参考栏中输入要跳转到的单位的格地址，在单市按“确定”按钮方法二：点击编辑栏左侧格单元的地址框，输入格单元的地址 10....20、如何快速输入数据序列？如果您需要在表格中输入一些特殊的数据系列，如物料序列号和日期系列，请不要逐个输入。为什么不让Excel自动填写它们呢？...在第一个单元格中输入起始数据，在下一个单元格中输入第二个数据，选择这两个单元格，将光标指向单元格右下角的填充手柄，沿着要填充的方向拖动填充手柄，拖动的单元格将按照Excel中指定的顺序自动填充。...23.如何保护工作簿？如果您不想让其他人打开或修改您的工作簿，请尝试添加密码。...名字的公式比单元格地址引用的公式更容易记忆和阅读。例如，公式“=SUM”显然比使用单元格地址更简单、更直观，而且不容易出错。 27.如何在公式中快速输入不连续的单元格地址？

19.2K1 0

使用VUE组件创建SpreadJS自定义单元格(二)

在上篇中，我们介绍了如何通过设置runtimeCompiler为true，在Vue中实现了动态创建电子表格组件。想了解具体内容可看点击查看使用VUE组件创建SpreadJS自定义单元格(一)。...但是在实际场景中，我们可能只需要动态创建VUE组件，而组件的template内容并不需要动态加载。面对这种情况， autoComplete就是一个很典型使用场景。...在前端电子表格中，我们可以直接用它对内容进行选择，例如输入文章的标签或输入地址簿中的电子邮件地址。；自动完成功能还可用于填充相关信息，例如输入城市名称和获取邮政编码。...items.filter(this.createFilter(queryString)) : items; // 无法设置动态内容的位置，可以动态添加gcUIElement...而我们使用Vue顺利解决了这个问题，并在第二种方式中进行了优化，有效提高代码的易维护性。

5592 0

SQL命令 INSERT（一）

INSERT语句与SELECT查询的结合使用通常用于用从其他表中提取的现有数据填充表，如下面的“插入查询结果”部分所述。...%Keyword字选项指定%Keyword参数将按如下方式限制处理： %NOCHECK-不执行唯一值检查和外键引用完整性检查。也不执行针对数据类型、最大长度、数据约束和其他验证条件的列数据验证。...当使用不带列列表的VALUES关键字时，请指定一个标量表达式的动态本地数组，该数组隐式对应于按列顺序的行的列。例如： VALUES :myarray() 此值赋值只能使用主机变量从嵌入式SQL执行。...与所有其他值赋值不同，这种用法允许将指定要插入哪些列的时间推迟到运行时(通过在运行时填充数组)。所有其他类型的插入都需要指定准备插入时要插入的列。...例如，日期存储为天数的整数，时间存储为午夜起的秒数，%list存储为编码字符串。大多数其他数据(如字符串和数字)不需要转换；无论当前模式如何，它们都以相同的格式输入和存储。

6K2 0

使用JavaScript和D3.js实现数据可视化

第三步 - 添加矩形随着我们的SVG准备就绪，我们可以开始将我们数据集的矩形添加到JavaScript文件中，编辑barchart.js。...要为选择中的每个项目（对应于数据数组）实际添加一个矩形，我们还将添加.enter().append("rect");以附加矩形。在此示例中，将有9个矩形对应于阵列中的9个数字。...使矩形反映数据目前，我们阵列中的所有矩形沿X轴具有相同的位置，并且不代表高度方面的数据。要修改矩形的位置和大小，我们需要为我们的一些属性引入函数。添加函数将使值成为动态而非手动。...接下来，让矩形的高度反映数组中的数据。我们现在将使用该height属性，并将添加一个类似于我们添加到x属性中的函数。让我们通过传递变量开始d和i到function，并返回d。d代表数据点。...我们使用数组来保存我们的数据，但您可能希望可视化您已有权访问的数据，并且它可能比数组中的数据要多得多。

21.8K3 0

T-SQL进阶：超越基础 Level 9：动态T-SQL代码

为了演示动态TSQL如果不能正确管理SQL注入攻击，请先用Lsting 3中的代码创建一个数据库和一个表。我将使用该数据库和表来演示动态TSQL是如何易受到攻击SQL注入攻击的。...然后执行该变量。（请注意，这个过程可能是在不使用动态SQL的情况下编写的。我在这里使用动态SQL来说明潜在的问题。）为了演示如何使用这个存储过程，我可以通过运行清单5中的代码来执行它。...为了防止SQL 注入式攻击，您应该在开发TSQL应用程序代码时考虑以下几点：避免SQL注入式攻击的最佳方法是不使用动态SQL 编辑用户输入的特殊字符参数，如分号和注释仅在需要支持用户输入的数据时才能使参数发生...其他人不返回数据的原因是现在生成的动态TSQL正在寻找包含其他用户输入注释值的ProductName值，当然这与“Product”表中的任何Product列值不匹配。...不要部署使用动态TSQL的TSQL代码编辑用户输入的动态TSQL中用于允许SQL注入攻击的特殊字符的数据使用户输入的动态TSQL参数尽可能短使用参数化的TSQL代码问题2：用户可以使用SQL注入附件来完成哪些事情

1.9K2 0

Unity通用渲染管线（URP）系列（二）——Draw Calls（Shaders and Batches）

此行为也适用于其他输入数据。具体来说，缺省的的XYZ值设置为零，W始终设置为1。我们还需要在输入参数中添加语义，因为顶点数据可以包含的不仅仅是一个位置。...我们需要将这些矩阵添加到我们的着色器中，但是由于它们总是相同的，所以我们将由Unity提供的标准输入放在一个单独的HLSL文件中，这样既可以保持代码的结构化，也可以将代码包含在其他着色器中。...因为GPU实例需要通过数组提供数据，所以我们的着色器当前不支持该数据。...这是GPU instancing 最有用的地方。最多可以一次提供1023个实例，因此让我们添加具有该长度的数组的字段，以及需要传递颜色数据的MaterialPropertyBlock。...这时，颜色数组的元素类型必须为Vector4。 ? 创建一个Awake方法，使用半径10范围内的随机位置和随机RGB颜色数据填充数组。 ?

6.2K5 1

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭