添加对jQuery Mobile的自动完成字段选择功能

Question

我需要在我的jQuery Mobile的应用程序中的自动完成输入文本字段，所以我用下面这段代码

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 -elements。

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

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

然后你只需要抓住并替换文本从下拉列表中检索的文本输入的文本。

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