难以使用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);
          }
        });
    });
});

这是我选择框的HTML代码

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

我学会了如何使用jquery ajax从Here加载来自mysql数据库的数据，它实际上非常适用于输入常规文本框的数据，但是，它似乎不适用于选择框。任何帮助都会非常感激。

感谢。

Answer 1

我认为你应该将你的活动改为：

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

而不是keyup