表中多个输入字段的jQuery自动完成

时间:2011-12-23 21:37:04

标签: php jquery autocomplete jquery-ui-autocomplete

我正在尝试将jQuery自动完成连接到一个表中的多个输入字段,该表是通过服务器端的PHP代码动态构建的。我发现其他一些帖子提到你应该为每个输入提供相同的类,所以我已经这样做了。

当我输入任何给定的输入字段时,自动完成功能正在触发并执行我的AJAX调用,因为我可以看到在查看firebug中的控制台时我的JSON结果会回来。但是,选项列表永远不会显示在输入字段下。

这是我的输入字段,它将被复制多次,就像表中的行一样:

<input class='group_autocomplete' type='text' size='30'/>

这是我的jQuery,它位于$(document).ready(function()

        //Autocomplete for subclass fields in table
    $(".group_autocomplete").autocomplete({  
        minLength: 3,
            source: function(req, add){  
                //pass request to server  
                $.getJSON(MY_WEB_SERVICE_ADDRESS, function(data) 
                { 
                    //create array for response objects  
                    var suggestions = [];

                    //process response  
                    $.each(data.response, function(i, val){  

                        suggestions.push(val.subclassDesc);
                    });  

                    //pass array to callback  
                    add(suggestions); 
                });  //end of $.getJSON
           }
     });

非常感谢任何有用的指示!

0 个答案:

没有答案