Question

我似乎无法解决这个问题，我使用Jquery mobile和Asp.net mvc

在我的共享文件中

<script>
            $(function () {
            $( "#ClientName" ).autocomplete({
                minLength: 0,
                source: "@Url.Action("Search","Client")",
                focus: function( event, ui ) {
                    $("#ClientName").val(ui.item.Name);
                    return false;
                },
                select: function( event, ui ) {
                    $("#ClientName").val(ui.item.Name);

                    return false;
                }
            })
                .data("ui-autocomplete")._renderItem = function (ul, item) {
                    return $("<li>")
                        .data("ui-autocomplete-item", item)
                        .append("<a>" + item.Name + "</a>")
                        .appendTo(ul);
                };
            });
        </script>

然后在我的mvc页面上

  <input name="ClientName" type="text" value="@Model.Name" id="ClientName" class="lightBlueStyleTextbox" placeholder="Type to search"/>

Answer 1

由于您正在使用minLength：0，因此您似乎正在尝试创建一个类似自动完成的组合框。看看这个： Jquery UI autocomplete; minLength:0 issue

您是否看过jQuery Mobile 1.3中内置的自动完成小部件？不需要使用jQuery UI吗？ http://view.jquerymobile.com/1.3.0/docs/widgets/autocomplete/autocomplete-remote.php

Answer 2

源详细信息应采用标签和值

的json格式

Jquery移动AutoComplete无法正常工作？

2 个答案: