JQUERY MOBILE 文本输入中的自动完成

我在网上搜索了很多但找不到任何解决方案。我正在制作一个网络应用程序，其中我想要 2 个文本框来获取用户的数据输入。我想要此文本框中的自动完成功能。自动完成的标签列表在本地可用。我尝试了listview，但我想要的是，在用户从自动完成提示中选择一些选项后，文本框应该具有选定的值，并且通过一些对象，我应该获取由javascript/php使用的文本框的值。这是一个非常基本的事情，但我无法做到。请帮帮我

我尝试了这个 jsfiddle.net/ULXbb/48/ 。但问题是，当我在 1 个列表视图中选择某些内容后，两个列表视图都会获得相同的值。

为了不向两个搜索输入添加相同的值，您需要使用.closest() http://api.jquery.com/closest/, .next() http://api.jquery.com/next/, .prev() http://api.jquery.com/prev/ and .find() http://api.jquery.com/find/。 jQuery-Mobile，以不同的方式通过数据过滤器增强了列表视图。

Demo http://jsfiddle.net/Palestinian/dLeUw/

<form>
  <input>
</form>
<ul data-role="listview">
  <li>
    <a>text</a>
  </li>
</ul>

The form哪里的input位于同一水平面上ul。目标是input盒子，你需要使用.prev('form').find('input')。检查下面的演示和新代码。

$("input[data-type='search']").keyup(function () {
   if ($(this).val() === '') {
       $(this).closest('form').next("[data-role=listview]").children().addClass('ui-screen-hidden');
   }
});

$('a.ui-input-clear').click(function () {
   $(this).closest('input').val('');
   $(this).closest('input').trigger('keyup');
});

$("li").click(function () {
   var text = $(this).find('.ui-link-inherit').text();
   $(this).closest('[data-role=listview]').prev('form').find('input').val(text);
   $(this).closest('[data-role=listview]').children().addClass('ui-screen-hidden');
});