Question

所以我将字段状态设为p段，并且它应该能够在按钮点击后保持一个值，但它只是暂时显示并消失

库js只有填充所需数据所需的数组

<script src="library.js"></script>
<b id="chakra"></b>
<div id="planet"></div>
<script>    
    var index = setChakra(0);
    var planetConection = "";

    function setChakra(index){
        document.getElementById("chakra").innerHTML = chakra[index];
        while (index < chakra.length){
            getPlanets(index);
            if (index < chakra.length-1) index++;
            else index = 0;
            break;
        }
        return index;
    }   

    function getPlanets(chakra){
        var planetIndex = 0;
        document.getElementById("planet").innerHTML = "";
        while( planetIndex < chakraPlanets[chakra].length){
                document.getElementById("planet").innerHTML = document.getElementById("planet").innerHTML + planetDesc[chakraPlanets[chakra][planetIndex]] +
                "<form>" +
                    "<input id=\"planetStatus" + planetIndex + "\" type=\"text\" name=\"plntStat\">" +
                    "<button onclick=\"getPlanetConection(" + planetIndex + ")\">Click Me!</button>" +
                "</form>" +
                "<p id=\"status\"></p>";
                planetIndex++;
            }
    }

    function getPlanetConection(planetIndex){
        planetConection = document.getElementById("planetStatus" + planetIndex).value;
        document.getElementById("status").innerHTML = planetConection;
    }   

</script>
<button onclick = "index = setChakra(index)" >Click Me!</button>

Answer 1

好吧，如果我没有刷新页面，那么按钮就是输入

<script src="library.js"></script>
<b id="chakra"></b>
<div id="planet"></div>
<script>    
    var index = setChakra(0);
    var planetConection = "";

    function setChakra(index){
        document.getElementById("chakra").innerHTML = chakra[index];
        while (index < chakra.length){
            getPlanets(index);
            if (index < chakra.length-1) index++;
            else index = 0;
            break;
        }
        return index;
    }   

    function getPlanets(chakra){
        var planetIndex = 0;
        document.getElementById("planet").innerHTML = "";
        while( planetIndex < chakraPlanets[chakra].length){
            document.getElementById("planet").innerHTML = document.getElementById("planet").innerHTML + planetDesc[chakraPlanets[chakra][planetIndex]] +
            "<form>" +
                "<input id=\"planetStatus" + planetIndex + "\" type=\"text\" name=\"plntStat\">" +
                "<input value=\"Click\" type=\"button\" onclick=\"getPlanetConection(" + planetIndex + ")\"/>" +
            "</form>" +
            "<p id=\"status" + planetIndex + "\"></p>";
            planetIndex++;
        }
    }

    function getPlanetConection(planetIndex){
        planetConection = document.getElementById("planetStatus" + planetIndex).value;
        document.getElementById("status" + planetIndex).innerHTML = planetConection;
    }
</script>
<button onclick = "index = setChakra(index)" >Click Me!</button>

Answer 2

我认为该页面正在重新加载。添加一个带有值＆＃39;按钮＆＃39;的类型属性到你的按钮。像这样：

<button type="button" onclick = "index = setChakra(index)" >Click Me!</button>

"<button type=\"button\" onclick=\"getPlanetConection(" + planetIndex + ")\">Click Me!</button>"

这样按钮就像按钮而不是提交按钮。

一秒钟的现场更新然后消失

2 个答案: