jquery 增加3个不同名字的input并赋值

可以使用jQuery的append()方法来增加input元素，并使用val()方法来赋值。以下是一个示例代码：

$(document).ready(function(){
   //增加3个不同名字的input
   for(var i=1; i<=3; i++){
      $('<input>').attr({
         type: 'text',
         name: 'input' + i,
         id: 'input' + i
      }).appendTo('#inputs');
   }
   
   //为每个input赋值
   $('#input1').val('Hello');
   $('#input2').val('world');
   $('#input3').val('!');
});

此代码将在id为“inputs”的元素中增加3个不同名字的input，然后为每个input赋值。

相关问题

jquery 增加3个同名字的input并赋值

可以使用以下代码来增加3个同名字的input并赋值：

for (var i = 1; i <= 3; i++) {
  $('<input>').attr({
    type: 'text',
    name: 'myInput',
    value: 'Value ' + i
  }).appendTo('#container');
}

这将在id为“container”的元素中添加3个名称为“myInput”的文本输入框，它们的值将分别为“Value 1”，“Value 2”和“Value 3”。因为它们具有相同的名称，它们将作为一个数组在表单提交时发送。

jquery 每列增加3个不同名字的input并赋值

假设你有一个表格，其中有3列，每列的class为"column"，你可以使用以下代码来为每列增加3个不同名字的input并赋值：

$(document).ready(function() {
  $(".column").each(function(index) {
    for (var i = 1; i <= 3; i++) {
      var input = $("<input>");
      input.attr("type", "text");
      input.attr("name", "input_" + index + "_" + i);
      input.val("Value " + index + "_" + i);
      $(this).append(input);
    }
  });
});

解释一下代码：

- $(document).ready(function() {...}) 表示在文档加载完成后执行代码；
- $(".column").each(function(index) {...}) 表示对每个class为"column"的元素都执行一遍函数，其中index表示当前元素的索引；
- for (var i = 1; i <= 3; i++) {...} 表示循环3次，每次执行一遍函数；
- var input = $("<input>"); 表示创建一个input元素，并将其赋值给input变量；
- input.attr("type", "text"); 表示为input元素添加一个type属性，值为"text"，即创建一个文本输入框；
- input.attr("name", "input_" + index + "_" + i); 表示为input元素添加一个name属性，值为"input_" + index + "_" + i，其中index和i分别表示当前列的索引和当前input的索引；
- input.val("Value " + index + "_" + i); 表示为input元素设置一个初始值，值为"Value " + index + "_" + i，其中index和i分别表示当前列的索引和当前input的索引；
- $(this).append(input); 表示将input元素添加到当前列中。