首页 > 其他 > 详细

Autocomplete

时间:2016-06-18 18:26:43      阅读:117      评论:0      收藏:0      [点我收藏+]

关于jquery.ui.js中autocomplete动态获取远程数据后,值的返回。可通过select事件指定。

     function log( message ) {
            $("#docNames").text(message);
            $( "#docNames" ).scrollTop(0);
        }
        $("#docNames").autocomplete({
            source: function (req, res) {
                $.ajax({
                    url: "http://gd.geobytes.com/AutoCompleteCity",
                    dataType: "jsonp",
                    data: {
                        q: req.term
                    },
                    success: function (data) {
                        res(data);
                    }
                });
            },
            minLength: 3,
            select: function( even, ui ) {
                console.log(ui); //获取的值
                log( ui.item ? ui.item.label : this.value); //item数组里面label所对应的值
                console.log("Selected: " + ui.item.label);
                console.log("Nothing selected, input was " + this.value)
            }
        });

 

Autocomplete

原文:http://www.cnblogs.com/hzzt/p/5596517.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!