jQuery 自动完成：从“源”中选择 Id；事件

Question

我试图同时将 jQuery UI 自动完成应用于三个输入框，因为请求和逻辑几乎相同，只有一个参数在它们之间发生变化。

由于我使用的是通过 ajax 检索的远程源，因此我试图知道请求是从哪个文本框发出的。

正如您在“source”事件的“switch”语句中看到的那样，我尝试了 $(this).attr("id") 但这不起作用，它返回“indefine”

我尝试了这个，因为它适用于“ select”和“focus”事件，但不在“source”上。我想我使用它的方式是指向“源”

有谁知道一种方法可以知道在这种情况下调用的事件是从哪个元素中调用的？

谢谢！！

$("#campo-categorias, #campo-tipos, #campo-colonias").autocomplete({
    minLength: 1,       
    delay: 100,
    source: function(request, response){
        var solicitud = new Object;

        switch ($(this).attr("id")){
            case "campo-categorias":
                solicitud.action    = 'get_categorias'; 
                break;
            case "campo-tipos":
                solicitud.action    = 'get_tipos_comida';   
                break;
            case "campo-colonias":
                solicitud.action    = 'get_colonias';   
                break;
        }           

        solicitud.consulta  = request.term;                     
        $.ajax({
            url: "wp-admin/admin-ajax.php",
            dataType: "json",
            data: solicitud,
            type: "POST",
            success: function(data){                                        
                response(data);
            }
        });
});

Answer 1

我认为您正在 switch 语句中寻找 this.element.attr("id") 。这应该可以找到正确的 id。

另外，您的代码缺少大括号，它应该如下所示：

 $("#campo-categorias, #campo-tipos, #campo-colonias").autocomplete({
    minLength: 1,       
    delay: 100,
    source: function(request, response){

        var solicitud = new Object;

        switch (this.element.attr("id")){

            case "campo-categorias":
                solicitud.action    = 'get_categorias'; 
                break;
            case "campo-tipos":
                solicitud.action    = 'get_tipos_comida';   
                break;
            case "campo-colonias":
                solicitud.action    = 'get_colonias';   
                break;
        }           

        solicitud.consulta  = request.term;       
        $.ajax({

            url: "wp-admin/admin-ajax.php",
            dataType: "json",
            data: solicitud,
            type: "POST",
            success: function(data){                                        
                response(data);
            }

        });

    }

 });