jquery autocomplete怎么手动选中一个选项

yang1216 2015-09-28 01:32:26
本来这个autocomplete是输入字符后后端查找数据返回到前端显示,用户鼠标点选一个,result函数再根据选择显示一些这个选项的信息。
现在客户要改用扫描枪扫条码,这样扫完之后后端查找出来应该只有一个选项,所以他们希望如果只有一个选项就直接选中它,直接显示这个选项的信息。
而且老的autocomplete的功能还要保留。
请教,应该怎么办?
...全文
224 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
yang1216 2015-10-03
  • 打赏
  • 举报
回复
引用 7 楼 apollokk 的回复:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="../JS/autocomplete/jquery.autocomplete.css" rel="stylesheet" />
</head>
<body>
    <input type="text" id="input1" />
</body>
</html>
<script src="../JS/jquery-1.7.min.js"></script>
<script src="../JS/autocomplete/jquery.autocomplete.min.js"></script>
<script type="text/javascript">
    $(function () {
        var data = [{ text: 'Link A', url: '/page1' }, { text: 'Link B', url: '/page2' }];
        $("#input1").autocomplete(data, {
            matchContains: true,
            formatItem: function (item, index, counts) {
                if (counts == 1) {
                    $('#input1').val(item.text);
                    return false;
                }
                return item.text;
            }
        });
    });
</script>
谢谢帮忙,但是$('#input1').val(item.text);并不会调用result函数。
Hello World, 2015-09-30
  • 打赏
  • 举报
回复
autoFill: true
Hello World, 2015-09-30
  • 打赏
  • 举报
回复

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="../JS/autocomplete/jquery.autocomplete.css" rel="stylesheet" />
</head>
<body>
    <input type="text" id="input1" />
</body>
</html>
<script src="../JS/jquery-1.7.min.js"></script>
<script src="../JS/autocomplete/jquery.autocomplete.min.js"></script>
<script type="text/javascript">
    $(function () {
        var data = [{ text: 'Link A', url: '/page1' }, { text: 'Link B', url: '/page2' }];
        $("#input1").autocomplete(data, {
            matchContains: true,
            formatItem: function (item, index, counts) {
                if (counts == 1) {
                    $('#input1').val(item.text);
                    return false;
                }
                return item.text;
            }
        });
    });
</script>
  • 打赏
  • 举报
回复
看你autocomplete的api是否提供,不提供自己用js设置弹出的autocomplete项为选中也行
街头小贩 2015-09-30
  • 打赏
  • 举报
回复
引用 2 楼 yang1216 的回复:
[quote=引用 1 楼 xiaofanku 的回复:] 你用的spring版本号是多少?开启扫描后有加注解吗,相应的spring annotation jar都引入了?
不是java,我是在asp.net mvc里面用jquery[/quote]回复错了。对不起.
yang1216 2015-09-30
  • 打赏
  • 举报
回复
引用 3 楼 apollokk 的回复:
autoFill: true
不是要自动填充,而是判断只有一个选项直接选中,直接调用result函数。
yang1216 2015-09-29
  • 打赏
  • 举报
回复
引用 1 楼 xiaofanku 的回复:
你用的spring版本号是多少?开启扫描后有加注解吗,相应的spring annotation jar都引入了?
不是java,我是在asp.net mvc里面用jquery
街头小贩 2015-09-28
  • 打赏
  • 举报
回复
你用的spring版本号是多少?开启扫描后有加注解吗,相应的spring annotation jar都引入了?

87,985

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧