Question

我试图在我的jquery移动页面中实现jquery自动完成小部件来建议城市列表。当用户输入更多2个或更多字符时，我想将当前键入的文本传递给Web服务并返回所有匹配项并在选择框中显示这些匹配项。但是，我不知道如何传递当前键入的文本，结果为参数＆＃34; prefixText＆＃34;传递了一个空字符串，在这种情况下，我的webservice只返回所有结果。

每次用户输入新角色时，如何更新源调用中的prefixText参数？

<div class="demo">
<div class="ui-widget">
    <label for="cities">Cities: </label>
    <input id="cities" type="text" />
</div>
<div class="ui-widget" style="margin-top:2em; font-family:Arial">
    Result:
    <div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
</div>
</div><!-- End demo -->


$(function () {
    function log(message) {
        $("<div/>").text(message).prependTo("#log");
        $("#log").scrollTop(0);
    }

    $("#cities").autocomplete({
        source: "http://www.mydomain.com/service.svc/cities/?cid=1&pid=3&prefixText=" + $('#cities').val(),
        minLength: 2,
        select: function (event, ui) {
            log(ui.item ?
            "Selected: " + ui.item.value + " aka " + ui.item.id :
            "Nothing selected, input was " + this.value);*/
        },
        search: function (event, ui) {
            alert($('#cities').val());              
        }

    });
});

Answer 1

您应该通过.on(...)将您的输入字段绑定到侦听器。我给你举了一个例子： http://jsfiddle.net/Calavoow/q8RuD/1/

我不太确定keyup是否是要绑定的正确事件，但它可以在PC上运行。如果它不适合您，您也可以绑定到'更改'。但是它不会更新每个按键。完成后，您可以重新应用自动填充功能。请参阅以下答案： Jquery: Possible to dynamically change source of Autocomplete widget?

jQuery自动完成小部件如何将当前值作为参数传递给webservice

1 个答案: