当我点击更新按钮

问题描述：

时，我想自动获取状态空间通过使用以下代码，我必须手动创建空间来显示网页上的状态，但是当我点击更新按钮时，它会自动创建空间它应该创建空间在JavaScript的后端，它应该直接在网页上显示一个在另一个的状态，所以我应该如何得到这个？我怎样才能给我的div元素的内容的循环，以及如何显示在javascript中的状态一个在另一个下的数量？当我点击更新按钮

的按钮： -

<button id='statbtn' type="submit" onclick="update()">Update</button>

我使用此代码显示

function update() { 
     var x,y; 
     x=document.getElementById("stat"); 
     y=x.elements["status"].value; 
     document.getElementById("box1").innerHTML=y+ "<br>"; 
     document.getElementById("status").value = ""; 
    }

我必须手动创建的每一个时间，它每一次重写时我会更新它，我想单独BOX1每次我会更新。

<div id="box1"></div>

答

回答我的问题是下面，在上面的代码中的“盒1”已经风格（在上面的代码中没有提供比较遗憾的是）在CSS所以它也显示，如果我们不打算更新任何文字/状态所以，我们必须调用JS函数风格的div元素，并在HTML变化如下...

我提供风格“盒1”为

#box1{ 
padding: 10px; 
height: auto; 
width: 650px; 
margin-left: 7px; 
margin-top: 5px; 
margin-bottom: 5px; 
background-color:#ffffff;}

，使其显示同样，如果我们没有更新任何文本页面上，在HTML

添加以下代码

<div id="bigbox"> 
    </div>

现在做上述update（）函数的变化如下

document.getElementById("bigbox").innerHTML += "<div id='box1'>"+ y + "</div>";

现在它会正常工作，谢谢。

答

由于你正在使用=运营商更换每次box1 div的全部内容。每次按钮单击运行update()时，整个div的文本将以最新状态重新创建，并且只会获得div中的文本（连同一个换行符）。

将您的操作员更改为+=，您将获得以前的状态文本+最后一个状态文本+下一个文本的单个换行符。

document.getElementById("box1").innerHTML += "New Text"+ "<br>";

See here working example

太棒了！非常感谢你的帮助，现在它的工作，但我还需要新的box1每次下面显示新的更新状态如何解决这个问题？ –

@mayureshpatil而不是我用硬编码作为例子的''New Text''，只需使用你的状态文本从它创建的地方。请参阅我的答案中的示例，我已更新它以包含在状态更新之前创建的随机字符串。而不是随机创建它，从你的源（它已经是另一个主题）中获取它。此外，如果我的回答对您有帮助，请考虑接受答案时按下附近的小'V'符号，或者按下向上箭头+1，以获得我的答案和将来的答案，谢谢。 –

是的，先生我明白了，但我需要这个新的状态应该打印在新的'box1'由这个代码打印在相同的'box1'，我不能得到如何打印新的文本/状态在新'box1' –

当我点击更新按钮

相关推荐