Question

我想输入输入数值当输入值时，将创建带有输入的html节点

离

<input>

当输入值如3

时

它将成为

<div><input id='input1-3'><input id='input1-3'><input id='input1-3'></div>
<div><input id='input2-3'><input id='input2-3'><input id='input2-3'></div>

感谢名单

Answer 1

尝试这个我认为它会对你有帮助，

<body>
<input type="text" id='inputnum'>
</body>

jquery的，

$(document).ready(function(){
$('#inputnum').on('change',function(){
var a=parseInt($(this).val());
console.log(a);
for(var i=1;i<a+1;i++)
{
var divs='<div>' 
for(var j=1;j<a+1;j++)
{
divs=divs+'<input id="input'+i+'-'+j+'">';
}
divs=divs+'</div>';
$('body').append(divs);
}
})
});

完成JSFiddle示例https://jsfiddle.net/Praveent696/7bt74fbj/

Answer 2

如果我正确理解你想做什么，我认为你只需要使用这样的追加功能。

<input id="input1">    
<script>
$(document).on("keypress", "input#input1", function() {
    var n = this.value;
  for (var i=0;i<n;i++){
    var x = document.createElement("input");
    x.setAttribute("id", "wathever");
    document.body.appendChild(x);    
  }     
    });
</script>

使用值的多输入追加html节点

2 个答案: