Entscheidungsbaum mit endgültigem Text out

Question

Ich versuche, eine einfache Mitgliedschaft Struktur zu machen, wo die Person einen Standort auswählen und basierend auf dem Standort können sie eine Art der Mitgliedschaft wählen, und von dort können sie gehen und zahlen. Ich habe hoch und tief gesucht, aber ich finde nicht etwas, das meinen Bedürfnissen entspricht. wenn ich den Code Funktion erhalten werde ich es in einer Seite auf Wordpress

JSfiddle Versuch werden setzen: https://fiddle.jshell.net/nemothefish/05fz3Lc3/

Ich hoffe auf ein 3-Box-Layout zu haben, die Lösung nicht jQuery Objekte zu verwenden, es hat nur einen Knopf haben, die zu einem anderen führt, und zeigt ein Endergebnis

| Location Choice | Membership type | result     | 
+-----------------+-----------------+---------------------------+ 
| Location 1  | Person   | Price for membership type | 
| Location 2  | Student   | and location displayed | 
+-----------------+-----------------+---------------------------+ 

Answer 1

im Grunde nur eine if/else Anweisung überprüfen, welche ein angeklickt wird und zeigen das entsprechende nächste Eingabefeld ein.

$(select).on('change', function() { 
 
    if($(this).val() === 'your value') { 
 
     $('#your_value').show(); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>