如何使用jQuery从数组动态创建输入元素?

时间:2017-02-05 01:21:25

标签: javascript jquery html arrays

我正在动态创建输入元素。我有一个有n个元素的数组。我需要使用Jquery创建n个输入框,并将数组中每个元素的值放入一个单独的输入框中。

我正在使用.trigger(“click”)函数来模拟点击。此外,我试图寻找解决方案,但无法找到满意的结果。因此,我决定提出这个问题。我看了.map()Jquery函数。 .map()。get函数从动态创建的输入框中返回数组。

1 个答案:

答案 0 :(得分:0)

var values = [1, "hello", 1.6, "some other value"];

// the container you want to append the inputs to
var $container = $("#container");

values.forEach(function(value) {
  // create the an input
  var $input = $("<input/>");
  
  // change it's properties (if you want to)
  // $input.addClass("someClass");
  // $input.attr("name", "someName");
  // $input.attr("id", "someID");
  // ...
  // set its value
  $input.val(value);
  
  // append it to the container
  $container.append($input);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<div id="container"></div>