Jquery 如何从输入框中弹出选择列表？

我正在通过phonegap为iPad创建一个html5/js应用程序。我想实现一个搜索输入框，这样搜索结果就会出现在弹出框的选择列表中（有点像iosdk中的popover）。我希望它能像iPad safari浏览器中的谷歌搜索栏一样工作

我找不到任何能让这一切发生的东西。我正在考虑使用CSS样式的position:absolute将选择列表放在输入框后面。。。但是你可以在搜索栏后面看到它（并点击它）。它必须是本地用户界面

有人有什么想法吗？

HTML->

<div class="select">
  <div class="input-wrapper">
    <input type="text" id="theText" />   
  </div>
  <div class="options">
    <select>
      <option value="1"> One </option>
      <option value="2"> Two </option>
   </select>
  </div>
</div>

一点jQuery风格->

$('.select input').on('keyup', function(){
  $('.options').show();
});
$('select').on('change', function(){
  $('.options').hide();
});

---

使用html5或任何jquery自动完成插件。我看到的jquery插件不支持本机ui。我的意思是，我这么做的努力（我怀疑是解决方案）没有产生可行的解决方案。不过你的很完美。谢谢这正是我所需要的。谢谢

$('.select input').on('keyup', function(){
  $('.options').show();
});
$('select').on('change', function(){
  $('.options').hide();
});