Question

我正在将jQuery自动填充功能实施到项目中，除了一个问题外，它还能正常运行。

当我开始输入结果列表时，我输入的输入框显示为over，并从页面顶部开始，而不是我输入的输入框below。

如何移动结果弹出的位置？

我已经删除了定位以实现此功能，并将其添加回来只是将结果移动到页面的左上角，无论我告诉它去哪里。我在页面上有几个使用自动完成功能的文本框。

我的JavaScript代码如下：

<script type="text/javascript">
$(document).ready(function () {
    $("input.autocomplete").autocomplete({
        appendTo: ".container",
        source: function (request, response) {
            $.ajax({
                url: '/Home/GetUsers',
                type: "POST",
                dataType: "json",
                data: { query: request.term },
                success: function (data) {
                    response($.map(data, function (item) {
                        return { label: item, value: item };
                    }));
                }
            });
        }
    });
})

HTML：

Employee Name (Team Leader): <input type ="text" name="empName1" class="autocomplete"/>
    <div class ="container"></div>
    <br/>
    <br/>
    Employee Name (Event Process Owner): <input type ="text" name="empName2" class="autocomplete"/>
    <div class ="container"></div>
    <br/>
    <br/>
    Employee Name (Sponsor): <input type ="text" name="sponsor" class="autocomplete"/>
    <div class ="container"></div>
    <br/>
    <br/>
    Employee Name: <input type ="text" name="empName3" class="autocomplete"/>
    <div class ="container"></div>
    Employee Name: <input type ="text" name="empName4" class="autocomplete"/>
    <div class ="container"></div>

下面总共有18个其他texbox，看起来代码相同。

定位jQuery自动完成结果列表

0 个答案: