Html 实现可编辑下拉

最新推荐文章于 2024-05-03 11:17:45 发布

Lvkaiwen

最新推荐文章于 2024-05-03 11:17:45 发布

阅读量519

点赞数 1

分类专栏：技術原创文章标签： HTML JS

本文链接：https://blog.csdn.net/Lvkaiwen/article/details/93881648

版权

本文介绍如何使用HTML和JavaScript实现一个可编辑的下拉列表效果。首先获取用户可见的列表数据，接着在页面加载时将相关方法绑定到输入框，通过示例代码`$('#box01').autocomplete(droplistData);`完成功能实现。

摘要由CSDN通过智能技术生成

最近项目需要实现一个功能实现类似于这样的效果
在这里插入图片描述
首先是获取该用户可以看到的列表的集合

    function search() {
        $.ajax({
            url: "用户自定义" + Math.random(),
            success: function (r) {
    
                if (r != '' && r != null && r != undefined && r.length > 0) {
                    var jdata = JSON.parse(r);
                    var data = $(jdata).map(function (i, t) {
                        return {
                            id: t.MerchantSysNo,
                            tel: t.ContactNumber,
                            name: t.MerchantName + ((t.ErpCode == undefined || t.ErpCode == "undefined") ? "" : "-" + t.ErpCode),
                            source: t
                        };
                    });
                    //清空数组