如何将动态添加的输入框的值添加到数组中?

哈西布·哈西

我最多创建 8 个动态输入框,单击时一次创建一个。我想以这样的方式将它们的值存储在一个数组中,如果我添加了 4 个按钮,将 4 个值存储到数组中并在警报中显示它们,如果我添加了 5 个值,则将 5 个值存储到数组中并在警报中显示它们等. 到目前为止我所做的:

Javascript:

function show(){
  var data = [];
  for(fieldValue=1;fieldValue<=8;fieldValue++){
    var input = document.getElementById('input - '+fieldValue).value;
    data.push(input);
  }
 alert(data);
}

如果我添加了所有 8 个输入框,它只会提醒输入框的值,否则它会显示“无法读取 null 的属性‘值’”。编辑:我将这些输入框的 ID 作为(部分)提供:

  var inputField = document.createElement('INPUT');
  inputField.id = 'input - '+fieldValue;

  fieldValue++;

它将 ID 设置为输入 - 1、输入 - 2 等等.. 提前致谢。

纪尧姆·乔治

您正在从 1 循环到 8。

如果您添加的输入框少于 8 个(假设为 5 个),则在某些时候 document.getElementById('input - '+fieldValue) 将返回 null,因为文档中不会有 id 为 'input - 6' 的元素.

为了保护您的代码,您必须在尝试检索数据之前检查 document.getElementById('input - '+fieldValue) 是否不为 null。

function show(){
  var data = [];
  for(fieldValue=1;fieldValue<=8;fieldValue++){
    var input = document.getElementById('input - '+fieldValue);
    if (input != null) 
       data.push(input.value);
  }
 alert(data);
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将值从输入框添加到数组,然后输出其内容?

来自分类Dev

如何将两个按钮的值添加到单个输入框?

来自分类Dev

Excel VBA - 将输入框中的值添加到列中的列表

来自分类Dev

如何将JuMP值中的数组添加到数据框中的列

来自分类Dev

如何将值添加到数组列表中

来自分类Dev

如何将HTML输入值添加到PHP数组中?

来自分类Dev

jQuery Mobile ListView-无法将ID添加到动态输入框

来自分类Dev

动态将选项值从数组添加到选择框

来自分类Dev

使用链接将内容添加到输入框

来自分类Dev

将取消按钮添加到输入框VB

来自分类Dev

如何将点击功能添加到在JavaScript中动态添加的按钮数组中?

来自分类Dev

jQuery-将值添加到输入框后,不考虑过滤功能

来自分类Dev

动态将输入字段添加到数组中

来自分类Dev

jQuery:将虚拟键盘中的字母添加到输入框中的插入符号位置

来自分类Dev

我如何使用javascript将一行输入框添加到现有的html表单中

来自分类Dev

如何将输入中的输入值添加到表单操作中?

来自分类Dev

如何将动态html添加到jQuery对话框的文本字段中?

来自分类Dev

如何将动态html添加到jQuery对话框的文本字段中?

来自分类Dev

如何将子值添加到新数组?

来自分类Dev

如何将值添加到多数组?

来自分类Dev

如何将值添加到数组

来自分类Dev

如何将元组值添加到Swift数组?

来自分类Dev

如何将多个值添加到对象数组

来自分类Dev

如何将值添加到多维数组?

来自分类Dev

如何将组合框中的项目添加到数组中

来自分类Dev

如何将文本框添加到数组中的表单中?

来自分类Dev

如何使用http请求中的数组将动态输入字段添加到角度形式

来自分类Dev

如何将列添加到数据框中?

来自分类Dev

如何将重复键的值添加到键中:[值数组] 在 Perl 中

Related 相关文章

  1. 1

    如何将值从输入框添加到数组,然后输出其内容?

  2. 2

    如何将两个按钮的值添加到单个输入框?

  3. 3

    Excel VBA - 将输入框中的值添加到列中的列表

  4. 4

    如何将JuMP值中的数组添加到数据框中的列

  5. 5

    如何将值添加到数组列表中

  6. 6

    如何将HTML输入值添加到PHP数组中?

  7. 7

    jQuery Mobile ListView-无法将ID添加到动态输入框

  8. 8

    动态将选项值从数组添加到选择框

  9. 9

    使用链接将内容添加到输入框

  10. 10

    将取消按钮添加到输入框VB

  11. 11

    如何将点击功能添加到在JavaScript中动态添加的按钮数组中?

  12. 12

    jQuery-将值添加到输入框后,不考虑过滤功能

  13. 13

    动态将输入字段添加到数组中

  14. 14

    jQuery:将虚拟键盘中的字母添加到输入框中的插入符号位置

  15. 15

    我如何使用javascript将一行输入框添加到现有的html表单中

  16. 16

    如何将输入中的输入值添加到表单操作中?

  17. 17

    如何将动态html添加到jQuery对话框的文本字段中?

  18. 18

    如何将动态html添加到jQuery对话框的文本字段中?

  19. 19

    如何将子值添加到新数组?

  20. 20

    如何将值添加到多数组?

  21. 21

    如何将值添加到数组

  22. 22

    如何将元组值添加到Swift数组?

  23. 23

    如何将多个值添加到对象数组

  24. 24

    如何将值添加到多维数组?

  25. 25

    如何将组合框中的项目添加到数组中

  26. 26

    如何将文本框添加到数组中的表单中?

  27. 27

    如何使用http请求中的数组将动态输入字段添加到角度形式

  28. 28

    如何将列添加到数据框中?

  29. 29

    如何将重复键的值添加到键中:[值数组] 在 Perl 中

热门标签

归档