Question

每当用户更改我要触发ajax提取功能的任何输入时，我就有3个输入2下拉1 textinput。

我正在研究ajax提取，但是不知道问题出在哪里。

$(document).ready(function(){

    $("#inputState").change() || $("#inputDistrict").change() || $("#inputPincode").keyup(function filter_data()
    {
        $('.filter_data').html('<div id="loading" style="" ></div>');
        var action = 'fetch_data';
        var state = $('#inputState').val();
        var district = $('#inputDistrict').val();
        var pincode = $('#inputPincode').val();
        $.ajax({
            url:"fetch_data.php",
            method:"POST",
            data:{action:action, state:state, district:district, pincode:pincode},
            success:function(data){
                $('.filter_data').html(data);
            }
        });
    }
});

Answer 1

您需要在.change(handler)调用中提供处理程序，以更新代码：

$("#inputState").change(fetch);
$("#inputDistrict").change(fetch);
$("#inputPincode").keyup(fetch);

function fetch()
{
    $('.filter_data').html('<div id="loading" style="" ></div>');
    var action = 'fetch_data';
    var state = $('#inputState').val();
    var district = $('#inputDistrict').val();
    var pincode = $('#inputPincode').val();
    $.ajax({
        url:"fetch_data.php",
        method:"POST",
        data:{action:action, state:state, district:district, pincode:pincode},
        success:function(data){
            $('.filter_data').html(data);
        }
    });
}

选择多个下拉菜单时如何启动功能

1 个答案: