jquery笔记-autocomplete

最新推荐文章于 2024-12-08 16:57:16 发布

ydlx002

最新推荐文章于 2024-12-08 16:57:16 发布

阅读量307

点赞数

分类专栏： jquery 文章标签： jquery

本文链接：https://blog.csdn.net/ydlx002/article/details/71104884

版权

jquery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

autocomplete

自动完成，自动填充。一个比较常见的应用场景是在文本框中输入某个字符时会自动匹配合适的数据。

        //动态提示
        var searchword = $("#add_text").val();
        $("#add_text").autocomplete({
            delay: 0,
            minLength: 0,
            source: function(request, response){
             $.ajax({
                     type : "POST",
                     contentType: 'application/x-www-form-urlencoded; charset=utf-8',
                     url :'url',
                     data:{word:searchword},
                     dataType : "json",
                     success : function(data) {
                         response( $.map( data, function( item ) {
                             return {
                               label: item.text,
                               value: item.value,
                               id:item.id
                             }
                         }));
                    }
                });
            },
            focus: function(event, ui) {
               $("#add_text").val(ui.item.label);
             },
            select: function(event, ui) {
              $("#add_Id").val(ui.item.id);
              $("#add_Name").val(ui.item.label);
            },
         });