Je dois faire une soumission de formulaire Ajax. J'ai pour des options comme réponse à une question. Lorsqu'une option est sélectionnée, je dois soumettre le formulaire sans recharger la page. Voici mon code . Peut-on me dire une solution.
J'ai essayé d'alerte à l'intérieur de la fonction Ajax (ne fonctionne pas) et avant la fonction Ajax (travail). P>
My Code: P>
<div class="btn btn-info" id="rad5" align="left" onclick="submit_answer(5);" style="width:auto;">
<input type="radio" name="option" style="display:none; visibility:hidden; opacity:0;" id="radio5" value="<?php echo $quiz['quiz_opt1'];?>" />
<label for="radio5">
<h3><?php echo $quiz['quiz_opt1'];?></h3>
</label>
</div>
<div class="btn btn-info" id="rad6" align="left" onclick="submit_answer(6);" style="width:auto;">
<input type="radio" name="option" style="display:none; visibility:hidden; opacity:0;" id="radio6" value="<?php echo $quiz['quiz_opt2'];?>" />
<label for="radio6">
<h3><?php echo $quiz['quiz_opt2'];?></h3>
</label>
</div>
<br /><br /><br />
<div class="btn btn-info" id="rad7" align="left" onclick="submit_answer(7);" style="width:auto;">
<input type="radio" name="option" style="display:none; visibility:hidden; opacity:0;" id="radio7" value="<?php echo $quiz['quiz_opt3'];?>" />
<label for="radio7">
<h3><?php echo $quiz['quiz_opt3'];?></h3>
</label>
</div>
<div class="btn btn-info" id="rad8" align="left" onclick="submit_answer(8);" style="width:auto;">
<input type="radio" name="option" style="display:none; visibility:hidden; opacity:0;" id="radio8" value="<?php echo $quiz['quiz_opt4'];?>" />
<label for="radio8">
<h3><?php echo $quiz['quiz_opt4'];?></h3>
</label>
</div>
3 Réponses :
Désolé, j'ai mal compris la question, votre code semble fonctionner correctement.
Je viens de copier le code de votre question, cela a fonctionné pour moi sans interruption
est ce code dans une forme ?. Eh bien, si c'est le cas, il y a le problème. Parce que le formulaire a la soumission par défaut.
Vous n'appelez pas
Soumettre_answer () n'importe où dans votre code fourni?Je m'excuse . Iam fournissant le code modifié.Veuillez vérifier le code actuel
Que dit la console?
Pouvez-vous vérifier votre console (options de développeur) dans Google Chrome et dites-moi l'erreur exacte?
J'utiliserais JQuery maintenant que vous l'avez:
$ (". BTN"). Sur ("Cliquez sur", fonction () {$ .post (Soumettre_test ", {QUIZ_ID: $ (" # QUIZ_ID "). Val (), option: $ (ceci) .Find ("[nom = option"]). Val (), StateID: StateID, marque: marquage}, fonction (résultat) {.....});Non aucune erreur de console. Le formulaire se fait maintenant soumettre mais parfois, il ne se soumet pas. Ensuite, la console indique une erreur qui signifie no $ _Post valeur obtenue au contrôleur