генерируемая пользователем форма ввода не работает

Question

Я генерирую форму с javascript и PHP, но входные данные радио не работают. Я нажимаю переключатель, и он не проверяет. Что не так в моем коде?

function showMenu() 
    { 
     ... 
     xmlhttp.onreadystatechange=function() 
     { 
      if (xmlhttp.readyState==4 && xmlhttp.status==200) 
      { 
       document.getElementById("game").innerHTML=xmlhttp.responseText; 
      } 
     } 

     xmlhttp.open("GET","GetGameMenu.php",true); 
     xmlhttp.send(); 
    } 

здесь эхо от GetGameMenu.php:

<?php 

echo '<form id="menuGame" action="GetGame.php" method="post" onSubmit="showGame(); return false;"> 
     <div id = "bigDiv"> 
      <div class="divs"> 
       <label>SELECT DIFICULTY</label> 
       <div> 
        <input type="radio" id="easy" name="dificulty"/> 
        <label for="easy">Easy</label> 
       </div> 
       ... 
      </div> 
     <input type="submit" class="buton" id="butPlay" value="PLAY"> 
    </form>'; 
?> 

Я обнаружил, что проблема была в стиле CSS. У меня была позиция: относительная, и теперь я ставлю положение: абсолютное, и это работает.

Answer 1

remove return false from onsubmit событие формы. Это должно быть так, как показано ниже.

<form id="menuGame" action="GetGame.php" method="post" onSubmit="showGame();"> 

также убедитесь, что метод showGame() не возвращает false. Затем форма будет отправлена ​​успешно.