码迷,mamicode.com
首页 > 其他好文 > 详细

Autocomplete

时间:2016-06-18 18:29:39      阅读:115      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!