表單顯示問題+數組下的結果？

-1

我無法在問題中的表單上顯示結果。我認爲我是對的。此外，我需要創建一個數組來保存答案，它會隨機選擇一個答案，而不必依賴答案。我無法弄清楚如何顯示在同一頁面上的結果（我看了一下，沒有運氣）誰能幫我表單顯示問題+數組下的結果？

<!doctype html> 
<html> 
<?php 
include "menu.html" 
?> 
<head> 
<meta charset="UTF-8"> 
<title>Form</title> 
<link href="styles.css" rel="stylesheet"> 
<script> 
function checkForm(){ 

    var chk = true; 
    var Name = document.getElementById("txt"); 
    var methd= document.getElementById("method"); 
    var rad1= document.getElementById("radM"); 
    var sel= document.getElementById("selM"); 
    var necro = document.getElementById("a"); 
    var guard = document.getElementById("b"); 
    var ele = document.getElementById("c"); 
    var shatter = document.getElementById("imp"); 

    var cor = 0;   
     Name.style.backgroundColor="#fff"; 
     methd.setAttribute("style", "display:none"); 
     rad1.setAttribute("style", "display:none"); 
     sel.setAttribute("style", "display:none");  

    if (Name.value==''){    
     Name.style.backgroundColor = "red"; 
     methd.setAttribute("style", "display:inline"); 
     chk = false; 
    } 
    if ((necro.checked==false) && (guard.checked==false) && (ele.checked==false)){ 

      rad1.setAttribute("style", "display:inline");  
} 
    if (shatter.value==0){ 
     selM.setAttribute("style", "display:inline"); 
} 
    if (chk==false){ 
     document.getElementById("error").setAttribute("style", "display:inline"); 

} else {       
     if (Name.value=="no"){ 
      document.getElementById(txt).innerHTML += 'No';}    
     if (Name.value=="yes"){ 
      document.getElementById(txt).innerHTML += 'Yes';} 
     if (ele.checked == true){ 
      document.getElementById(c).innerHTML += 'Elementalist';}      
     if (necro.checked == true){ 
      document.getElementById(a) += 'Necromancer';}        
     if (guard.checked == true){ 
      document.getElementById(b) +='Guardian';}          
     if (shatter.value==1){ 
      document.getElementById(imp) += 'Shatter'; 
     } 
     if (shatter.value==2){ 
      document.getElementById(imp) += 'Sunless'; 
     }   
     if (shatter.value==3){ 
      document.getElementById(imp) += 'Claw'; 
     }   
     style.display = "inline"; 
     innerHTML = "<span>You chose " + imp + txt + " correct!</span>";    
    }   
} 
</script> 
</head> 

<body> 
<div class="page"> 
<article> 
    <div id="error" class="error"></div> 
     <h1>What Guild Wars 2 Profession Are You</h1> 

     <div class="cssTable" style="margin-top:-25px;"> 
     <form method="post" action="thankyou.php" > 
      <table> 
      <tr><td colspan="3"></td></tr> 
      <tr> 
      <td><div align="right">In Guild Wars 2 Do You Like To Do Damage? </div>  </td><td width="217"><input id="txt" name="txt" type="text" size="25"> <br/></td><td><div id="method" style="display:none"><img height="25px" src="purple.png" ></div></td><br/></tr> 
      <tr> 
       <td><div align="right">What Best Describes You?</div></td><td> 
       <input id="a" type="radio" name = "group1" value="A">Healer</input><br/> 
       <input id="b" type="radio" name = "group1" value="B">One With The Elements</input><br/> 
       <input id="c" type="radio" name = "group1" value="C">Darkness</input> 

       </td><td><div id="radM" style="display:none"><img height="25px"  src="purple.png"></div></td> 
       </tr> 
       <tr> 
       <td>What One Skill Would You Like To Have?</td> 
       <td> 
       <select id="imp"><option value="0" selected="true">Pick A  Skill</option> 
       <option value="1">Stealth</option> 
       <option value="2">Summon Illusions</option> 
       <option value="3">Great With A Bow and Arrow</option></select> 
       </td><td><div id="selM" style="display:none"><img height="25px" src="purple.png"></div></td> 
       </tr> 
       <tr><td colspan="3" align="right"><input type="button" class="styled-button-7" value="Send" onclick="checkForm()" /><span id="grde" style="padding-left:25px"> </span></td></tr></table></form></div></article> 
</main></div> 
</body> 
</html>

來源

2014-10-08 Joe

你真的打算張貼到thankyou.php或者是你的意圖這是嚴格的客戶端？ – 2014-10-08 19:23:03

是......不是針對這個問題的，它是一個完成後的單獨頁面。我所有的東西都去那個頁面。所以是的，這是假設在那裏。我將在最後這樣做 – Joe 2014-10-08 19:25:10

我搬到你從onclick到checkForm()電話上的按鈕到onsubmit的形式，並從checkForm()開始返回chk。你應該通過你的checkForm()功能，並開始使其逐場工作。有一些屬性嘗試訪問錯誤。

你可以看到它： http://jsbin.com/homeq/1/

來源

2014-10-08 19:58:49

表單顯示問題+數組下的結果？

回答

相關問題