循环内容无法正常显示

时间:2013-05-28 07:59:47

标签: javascript

在用户将值输入文本框后,我试图让循环运行多次。

我的程序只显示他输入的用户字符,即使我有一个多次运行的循环。

请查看我的代码:

<body>
<input type="text" Id="myValue"></input>&nbsp;
<button onclick="Display()">Display</button>
<p Id="Paragraph"></p>
<script>
function Display()
{   
   for(var i = 0; i < 4;  i++)
   {

     document.getElementById("Paragraph").innerHTML = "You entered:  " +  
     document.getElementById("myValue").value; 
   }
}
</script>
</body>

2 个答案:

答案 0 :(得分:2)

制作内部代码:

 document.getElementById("Paragraph").innerHTML += "You entered:  " +  
     document.getElementById("myValue").value;

答案 1 :(得分:2)

没有循环会迭代4次。但是你要在每次迭代中替换textbox的值。看看实际发生了什么,你得到了最后一次迭代的结果

如果要检查循环是否执行4次 然后在循环中写一个alert()

function Display()
{   
   for(var i = 0; i < 4;  i++)
   {
     alert(i);
     document.getElementById("Paragraph").innerHTML = "You entered:  " +  
     document.getElementById("myValue").value; 
   }
}