Wie befülle ich eine Auswahleingabe basierend auf 2 Radio-Button-Werte, von Mysql

Question

So habe ich ein Anmeldeformular für Bogenschießen Wettbewerbe und ich möchte Benutzer 2 Dinge (ihre Alterskategorie und ihre Bogenart) auswählen. Sobald diese 2 ausgewählt sind, möchte ich, dass das nächste Feld (select) angezeigt wird und mit Informationen aus meiner mysql-Datenbank gefüllt wird. Dieses Feld ist eine Auswahl von Schießleveln, die in Klassen unterteilt sind.

In der Datenbank habe ich 4 Tabellen. 1 für Alterskategorie (id, name) 1 für Bogen-Typ (id, name) 1 für shoot Ebene (id, name) 1 Tabelle alle oben zu verknüpfen (id, ac_id, bt_id, sl_id)

Also basierend auf Radio 1 angeklickt und Radio 2 angeklickt wird, möchte ich eine Abfrage auf die Verknüpfungstabelle auslösen, um nur die Aufnahmeebenen zu bekommen, die zu den 2 Radio-Werten gehören.

Kann mir bitte jemand dabei helfen?

Answer 1

Versuchen Sie folgendes:

$('#age').click(function(){ 
    var age = $(this).val(); 
    var bow = $('#bow').val(); 

    function getShootingLevel(age, bow); 
}); 

$('#bow').click(function(){ 
    var age = $('#age').val(); 
    var bow = $(this).val(); 

    function getShootingLevel(age, bow); 
}); 

function getShootingLevel(age, bow) 
{ 
    // ajax call 
} 

P. S. Sie können auch prüfen, ob Radio ausgewählt ist oder nicht.

Answer 2

I got it :)

$(document).ready(function() { 
    $('input[type=radio][name=leeftijdscategorie]').change(function() { 
     if($('input[type=radio][name=leeftijdscategorie]').is(':checked')) { 
      if($('input[type=radio][name=schiettechniek]').is(':checked')) { 
       // Do stuff 
       GetLevels($('input[name=leeftijdscategorie]:checked', '#inschrijfformulier').val(),$('input[name=schiettechniek]:checked', '#inschrijfformulier').val()) 
      } 
     } 
    }); 
    $('input[type=radio][name=schiettechniek]').change(function() { 
     if($('input[type=radio][name=schiettechniek]').is(':checked')) { 
      if($('input[type=radio][name=leeftijdscategorie]').is(':checked')) { 
       // Do stuff 
       GetLevels($('input[name=leeftijdscategorie]:checked', '#inschrijfformulier').val(),$('input[name=schiettechniek]:checked', '#inschrijfformulier').val()) 
      } 
     } 
    }); 
}); 
function removeOptions(selectbox) { 
    var i; 
    for(i = selectbox.options.length - 1 ; i >= 0 ; i--) { 
     selectbox.remove(i); 
    } 
} 

function GetLevels(agetype,bowtype) { 
    removeOptions(document.getElementById(\"schietklasse\")); 
    $.ajax({ 

     url: '/info/wscript.php', 
     data: 
      { 
      agetype: agetype, 
      bowtype: bowtype 
      }, 
     type: 'post', 
     dataType: 'json', // returns response data as json// 

     success: function(output) { 
      var selectBox = document.getElementById(\"schietklasse\"); 
      var options = output; //JSON.parse(output); 
      for(var i = 0, l = options.length; i < l; i++){ 
       var option = options[i]; 
       selectBox.options.add(new Option(option.text, option.value, option.selected)); 
      } 
     } 
    }); 
} 

ich im Grunde diese Überprüfung per Funk seperate gemacht (so double), weil ich will Menschen in der Lage sein, ihre Wahl zu ändern. Jetzt wird ein POST an eine PHP-Datei gesendet, die die Informationen erhält und sie als JSON zurückgibt.