我想点击更新按钮时自动获取状态空间

时间:2016-12-04 14:28:16

标签: javascript html

通过使用以下代码,我必须手动创建空间以显示网页上的状态,但是当我点击更新按钮时我想要它自动地在后端通过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 个答案:

答案 0 :(得分:0)

您每次都会替换box1 div的全部内容,因为您使用的是=运算符。每当您点击按钮运行update()时,系统会再次使用最新状态创建整个div文本,并且您只会获得其中的文字div(连同一个换行符)。

将您的运营商更改为+=,您将获得以前的状态文本+最后一个状态文本+下一个的单个换行符。

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

See here working example