jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery-mobile – 在JQUERY MOBILE文本输入中自动完成大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在网上搜索了很多,但无法找到任何解决方案.我正在制作一个webapp,我想要2个文本框来从用户那里获取数据.我想在此文本框中使用自动完成功能.自动完成的标记列表可在本地获得.我尝试了listview,但我想要的是,在用户自动完成提示中选择一些选项后,文本框应该具有所选值,并且通过某个对象,我应该获得 javascript / PHP使用的文本框的值.这是一个非常基本的事情,但我无法做到.请帮帮我

我试过这个jsfiddle.net/ULXbb/48/.但是这个问题是我在1个listview中选择了一些东西后,listview得到了相同的值.

解决方法

为了不向两个搜索输入添加相同的值,您需要使用 .closest(),.next(),.prev().find()来定位它们.jQuery-Mobile以不同的方式使用数据过滤器增强列表视图.

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

输入所在的表单与ul的级别相同.要定位输入框,您需要使用.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');
});

大佬总结

以上是大佬教程为你收集整理的jquery-mobile – 在JQUERY MOBILE文本输入中自动完成全部内容,希望文章能够帮你解决jquery-mobile – 在JQUERY MOBILE文本输入中自动完成所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。