现场更新则在前看不见

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

我想在页面重新加载。添加一个值为'button'的类型属性给你的按钮。 像这样：

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

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

这使得该按钮用作按钮，而不是一个提交按钮。