jQuery ajaxを使用して選択ボックスからMySQLデータを読み込むのが難しいです。

Question

私は自分のデータベースからHTML選択ボックスからmysqlデータをロードしようとしています。ここでは私が現在使用しているjquery関数ですが、選択に基づいて結果を更新するようには見えません。

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

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

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

、ここで私の選択ボックス

<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> 

のHTMLコードである私はHereからMySQLデータベースからデータをロードするためにjqueryのAJAXを使用する方法を学び、それが実際に入力されたデータのために非常に適していますしかし、通常のテキストボックスでは、選択ボックスではうまく動作しないようです。どんな助けでも大歓迎です。

ありがとうございました。

Answer 1

私はあなたがあなたのイベントを変更すべきだと思う：

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

なくkeyup