如何使用循环在文本框中显示数组数据？（每个数组数据一个文本框）答案

【问题标题】：How to display array data inside textbox using loop? (One textbox per array data)如何使用循环在文本框中显示数组数据？（每个数组数据一个文本框）
【发布时间】：2021-12-29 18:11:41
【问题描述】：

美好的一天！我非常需要帮助，我有一个包含许多元素/数据的数组，需要在文本框中显示。每个数组元素/数据必须在文本框内。（文本框必须使用循环动态设置，其中包含数组数据）


                    
                        arr = ["1"-"2"-"3"-"4"-"5"]; //my array is from the db, this is example only
                        conv_arr = arr.split("-")
                        
                        var myArray = [conv_arr];
                        
                        var ArrayInText = document.createElement('input');

                        myArray.forEach(function(conv_arr) {

                        ArrayInText.value = conv_arr ;
                        
                        document.body.appendChild(ArrayInText);

它显示数组（假设这是一个文本框 [ ]） [1、2、3、4、5]

我想要一个看起来像这样的结果（每个元素一个文本框使用循环） [1][2][3][4][5]

【问题讨论】：

标签： javascript jquery arrays ajax loops

【解决方案1】：

您可以在此处查看演示=> https://jsfiddle.net/4ow6k8j5/1/

删除不必要的分配后，您可以使用以下最简单的解决方案；

conv_arr = arr.split("-")

conv_arr.forEach(function(elem) {
  var ArrayInText = document.createElement('input');
  ArrayInText.value =  elem ;
  document.body.appendChild(ArrayInText);
});

【讨论】：