Schwierigkeit beim Laden von MySQL-Daten aus der Auswahlbox mit jQuery ajax.

Question

Ich versuche, mysql Daten aus meiner Datenbank aus einem HTML-Auswahlfeld zu laden. Hier ist die jQuery-Funktion, die ich derzeit verwende, aber sie scheint meine Ergebnisse basierend auf der Auswahl nicht zu aktualisieren.

$(function(){ 
      $('#countries').keyup(function(){ 

      var inpval=$('#countries').val(); 

      $.ajax({ 
       type: 'POST', 
       data: ({countries : inpval}), 
       url: 'data.php', 
       success: function(data) { 
        $('#show_results').html(data); 
      } 
     }); 
    }); 
}); 

und hier ist der HTML-Code für meinen Auswahlbox

<select id="countries"> 
        <option value="canada" id="canada">canada</option> 
        <option value="america" id="america">america</option> 
        <option value="india" id="india">india</option> 
        <option value="uk" id="uk">uk</option> 
        <option value="germany" id="germany">germany</option> 
       </select> 

ich gelernt, wie jQuery zu verwenden Ajax-Daten aus MySQL-Datenbank von Here, zu laden und es tatsächlich funktioniert sehr gut für typisierte Daten in normale Textfelder, scheint jedoch nicht so gut mit Auswahlfeldern zu funktionieren. Jede Hilfe würde sehr geschätzt werden.

Danke.

Answer 1

Ich glaube, Sie Ihre Veranstaltung ändern sollte:

$('#countries').change(function(){ 

und nicht keyup