<button type = "button" - übergeben Wert durch POST zu PHP

Question

Ich hätte versucht, mehr Details zu schreiben, früher. Ich brauche eine Art Fragebogen mit Fragen mit nur einer von mehreren Antworten, die Sie wählen können. Der Fragebogen ist in <fieldset> Elemente gruppiert, die nach der letzten Gruppenfrage sichtbar gemacht werden. Aus gestalterischen Gründen habe ich die mit mehreren button Elemente geschrieben, die auf den Typ "Button" eingestellt sind. Ich kann die Seite nicht zwischen dem Beantworten des Fragebogens neu laden lassen.

Jetzt möchte ich ihren Wert weitergeben, wenn auf PHP geklickt wird, um sie in einer Datenbank zu speichern.

jQuery(document).ready(function($) { 
 
     var current = 1, 
 
     current_step, next_step, steps; 
 
     var buttonname = ''; 
 
     var buttonvalue = ''; 
 
     var btnarray = []; 
 
     steps = $(".fieldset").length; 
 
     $(".next").click(function() { 
 
     buttonname = $(this).attr('name'); 
 
     buttonvalue = $(this).val(); 
 
     btnarray.push(buttonname + ":" + buttonvalue); 
 
     current_step = $(this).parents("fieldset"); 
 
     next_step = $("fieldset").eq(current); 
 
     buttonvalue = $(this).val(); 
 
     current_step.hide(); 
 
     next_step.show(); 
 
     //setProgressBar(++current); 
 

 

 

 

 
     }); 
 
     
 
     });

.parallelogram { 
 
    background: #fff; 
 
    width: 100%; 
 
    height: auto; 
 
    position: relative; 
 
    border: solid 5px #0793EB; 
 
    margin-left: -10px; 
 
    transform: skew(-15deg); 
 
    font-size: 24pt; 
 
    color: #0793EB; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form id="reg_form" novalidate action="action.php" method="POST"> 
 
    <fieldset> 
 
    <button type="button" class="parallelogram next" name="topic[]" value="1"><span class="text-uppercase boldtext">Button 1-1</span></button> 
 

 
    <button type="button" class="parallelogram next" name="topic[]" value="2"><span class="text-uppercase boldtext">Button 1-2</span></button> 
 
</fieldset> 
 
    
 
    <fieldset hidden> 
 
    <button type="button" class="parallelogram next" name="secondtopic[]" value="1"><span class="text-uppercase boldtext">Button 2-1</span></button> 
 

 
    <button type="button" class="parallelogram next" name="secondtopic[]" value="2"><span class="text-uppercase boldtext">Button 2-2</span></button> 
 
</fieldset> 
 
</form>

In Firebug kann ich die Parameter und auch die Anordnung in der Vorschau sehen, aber var_dump($_POST); hat mir nichts geben.

Hat jemand eine Idee?

Vielen Dank im Voraus.

Grüße.

Answer 1

geben Sie Tasten als Array und Sie können darauf zugreifen, in PHP.

<button type="submit" class="parallelogram next" name="topic[]" value="1"><span class="text-uppercase boldtext">Button 1</span></button> 

     <button type="submit" class="parallelogram next" name="topic[]" value="2"><span class="text-uppercase boldtext">Button 2</span></button> 



    <?php 

     $buttonData = $_POST['topic']; 

    // do database operations 
    ?>