Javascript 根据输入显示多个div
我有一个输入类型编号Javascript 根据输入显示多个div,javascript,Javascript,我有一个输入类型编号 <input type="number" class="form-control" id ="nbchambre" name="nbchambre" onchange="myFunction()"> 我有另一个输入,我想根据用户输入的数字显示多次,现在我编写了以下javascript代码: function myFunction(){ var n = document.getElementById("nbchambre").valu
<input type="number" class="form-control" id ="nbchambre" name="nbchambre" onchange="myFunction()">
我有另一个输入,我想根据用户输入的数字显示多次,现在我编写了以下javascript代码:
function myFunction(){
var n = document.getElementById("nbchambre").value;
for(count = 1; count < n+1; count++){
var div = document.createElement('div');
div.innerHTML = 'test';
document.getElementById('content').appendChild(div);
}
}
函数myFunction(){
var n=document.getElementById(“nbchambre”).value;
用于(计数=1;计数
但这段代码不起作用,当我写一个数字时,div将显示10倍于数字的单词“test”(例如,当我写3时,它将显示单词test 30次),当我写3后再写5时,它将在前30个“test”上加50个“test”。我不擅长javascript,所以请帮助我修复此代码。谢谢您需要确保将输入值转换为数字。否则,它将被视为字符串
函数myFunction(){
var n=编号(document.getElementById(“nbchambre”).value);
var content=document.getElementById('content');
content.innerHTML=“”;
对于(变量计数=1;计数
您需要确保将输入值转换为数字。否则,它将被视为字符串
函数myFunction(){
var n=编号(document.getElementById(“nbchambre”).value);
var content=document.getElementById('content');
content.innerHTML=“”;
对于(变量计数=1;计数
哇,真管用!!谢谢!!还有一个问题!!现在写用户需要写一个数字,然后按“回车”。。有没有可能在他写下号码后立即让脚本工作?他们不必按enter键。一旦失去焦点,它就会开火。但是如果你想在他们按下一个键时立即触发“onkeydown”事件,你可以添加一个“onkeydown”事件。是的,你可以让你的函数立即运行以响应with。因此,每当用户键入任何内容时,该函数都会运行。哇,它工作了!!谢谢!!还有一个问题!!现在写用户需要写一个数字,然后按“回车”。。有没有可能在他写下号码后立即让脚本工作?他们不必按enter键。一旦失去焦点,它就会开火。但是如果你想在他们按下一个键时立即触发“onkeydown”事件,你可以添加一个“onkeydown”事件。是的,你可以让你的函数立即运行以响应with。因此,每当用户键入任何内容时,该函数都将运行。