doutang6130 2014-08-26 05:46
浏览 48
已采纳

Jquery自动完成后键

I am having a right manic day trying to figure out how to post the key not the value of a input field.

Jquery

jQuery( document ).ready(function() {
   jQuery("#autocomplete").autocomplete({
    source: function (request, response) {
        jQuery.ajax({
            url: "{{URL('/autocomplete')}}",
            data: {
                autocomplete: this.term
            },
            success: function (data) {
                  console.log(data[0]['label']);
                  response( jQuery.map( data, function( item ) {
                    return {
                        label: item.label,
                        value: item.id
                    };
                }));
            },
            //This does not get  picked up? 
            select: function(event, ui){
                alert('this is not firing on select?');
                jQuery('#hidden').val(ui.item.value);
            }

        });
    },
});

I have updated code, still i cant get the key pushed to the hidden field on select.

Live Preview ( type Stoke in location search ) http://isca01.bigwavemedia.info/~hospita2/crawler/public/index.php/search

展开全部

  • 写回答

1条回答 默认 最新

  • douzhi8244 2014-08-26 07:01
    关注
        jQuery( document ).ready(function() {
    jQuery("#autocomplete").autocomplete({
        source: function (request, response) {
            jQuery.ajax({
                url: "{{URL('/autocomplete')}}",
                data: {
                    autocomplete: this.term
                },
                success: function (data) {
                      response( jQuery.map( data, function( item ) {
                        return {
                            label: item.label,
                            value: item.label,
                            key: item.id
                        };
                    }));
                },
    
    
            });
        },
        select: function(event, ui){
              console.log('something selected');
              jQuery('#hidden').val(ui.item.key);
    
              //jQuery('input[name="autocomplete"]').val(ui.item.label);
    
              jQuery('#autocomplete').attr({
                value: ui.item.label
              });
    
              console.log(ui.item.label);
              console.log(jQuery('input[name="autocomplete"]').val() + "this is the result of above");
        }
    });
    
    
    });
    

    展开全部

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
编辑
预览

报告相同问题?

悬赏问题

  • ¥15 怎么修改鸿蒙app的UI及功能设计
  • ¥20 双硬盘安装Ubuntu后windows 无法挂载硬盘
  • ¥15 帮我利用jupyter 运行一个正确的代码
  • ¥15 如何使用Gephi软件和Python包中的GephiStreamer交互
  • ¥15 sqlite加密问题咨询
  • ¥15 appdesigner接收不到udp组播的数据
  • ¥15 verilog 非阻塞赋值下的移位拼接错误
  • ¥100 两个按钮控制一个LED
  • ¥15 用C语言写离散数学相关问题
  • ¥30 如何用python的GephiStreamer连接到gephi中,把Python和Gephi的具体操作过程都展示,重点回答Gephi软件的调试,以及如果代码的端口在浏览器中无法显示怎么处理
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部