Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用多输入from值追加html节点_Javascript_Jquery_Html - Fatal编程技术网

Javascript 使用多输入from值追加html节点

Javascript 使用多输入from值追加html节点,javascript,jquery,html,Javascript,Jquery,Html,我想要输入值来输入数字 当输入值时,将创建包含输入的html节点 前 当输入值如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'>&l

我想要输入值来输入数字 当输入值时,将创建包含输入的html节点


当输入值如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>


thanx

如果我正确理解您想要做什么,我认为您只需要像这样使用append函数

<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>

$(文档).on(“按键”,“输入#输入1”,函数(){
var n=该值;

对于(var i=0;i试试这个,我想它会对你有帮助

<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);
}
})
});
$(文档).ready(函数(){
$('#inputnum')。在('change',function()上{
var a=parseInt($(this.val());
控制台日志(a);

对于(var i=1;i

您将发布JavaScript/jQuery代码,对吗?是的,我将使用jQuery。我不确定我是否理解这个问题。您有一个输入框,当用户在其中输入数字时,您想在另一个输入框中显示该数字吗?不,我想显示html节点感谢这对我有帮助,但当我删除该数字并输入另一个数字时,它会显示出来建议删除旧字段并创建新字段fields@haitham要在输入更改时删除所有div,您可以使用$('div')。remove();,如果这真的对您有帮助,请向上投票。当我回答15个问题时,我将向上投票…thanx寻求帮助:)@haitham现在检查这把小提琴,我想它将完全满足您的要求
$(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);
}
})
});