为JQuery移动自动填充字段添加选择功能

Question

我的jquery移动应用程序中需要一个自动完成输入文本字段，因此我在下面使用此代码

http://view.jquerymobile.com/1.3.2/dist/demos/widgets/autocomplete/autocomplete-remote.html

此代码显示了如何显示建议，我需要添加到此代码中的内容，以便我可以从列出的建议中选择一个字段，然后选择一个将填充到输入字段的字段

Answer 1

您需要在列表项中添加某种OnClick事件。

在该页面提供的源代码中，您可以看到列表项只是显示为列表项。

$.each( response, function ( i, val ) {
    html += "<li>" + val + "</li>";
});

因此，您可以为.click() - 元素或ul - 元素添加li侦听器。

一个例子可能是这样的（jsFiddle example of how click-events could work）：

 $('li').click(function () {
    alert( $(this).text() );
});

然后，您只需捕获文本并将输入的文本替换为从下拉列表中检索到的文本。

编辑：你有没有尝试过这个相关的问题？ https://stackoverflow.com/a/9726264/1513735