jquery 增加3个同名字的input并赋值
时间: 2024-05-01 12:16:16 浏览: 89
可以使用以下代码来增加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并赋值
可以使用jQuery的append()方法来增加input元素,并使用val()方法来赋值。以下是一个示例代码:
```javascript
$(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并赋值
可以使用以下代码:
```javascript
//获取要添加input的容器
var container = $('#container');
//定义要添加的不同名字的input
var inputName1 = 'input1';
var inputName2 = 'input2';
var inputName3 = 'input3';
//定义要添加的input的初始值
var inputValue1 = 'value1';
var inputValue2 = 'value2';
var inputValue3 = 'value3';
//循环添加input
for(var i = 0; i < 3; i++){
//创建input元素
var input1 = $('<input>').attr({
'type': 'text',
'name': inputName1 + i,
'value': inputValue1
});
var input2 = $('<input>').attr({
'type': 'text',
'name': inputName2 + i,
'value': inputValue2
});
var input3 = $('<input>').attr({
'type': 'text',
'name': inputName3 + i,
'value': inputValue3
});
//将input添加到容器中
container.append(input1).append(input2).append(input3);
}
```
这段代码会循环添加3个不同名字的input,并为每个input赋予初始值。最后将它们添加到指定的容器中。
阅读全文