html5 使用 datalist 问题

想使用datalist 自动补全
option 比较多 有3000多个 IE没什么问题 google比较卡

然后想用 ajax动态更新option
但是 google 在执行完append方法后 会崩溃

求大神 怎么解决这个问题啊

不卡啊 你是不是执行了多次更新 每次更新前没有清空option

不卡,可以贴出你append的代码来分析西

        $(function () {
            $("#equipmentNo").keyup(function () {

                $("#dl1").empty();

                $.ajax({
                    url: "/GZ/MachInfo?eno=" + $("#equipmentNo").val(),
                    type: "get",
                    dataType: "json",
                    success: function (result) {
                        var dataObj = result;
                        $.each(dataObj, function (index, item) {
                            var con = "<option label='" + item.MachNO + "  " + item.MachType + "  " + item.MachNM + "' value='" + item.MachNO + "' />";
                            //alert(con);
                            $("#dl1").append(con);
                        });
                    },
                    error: function (result) {
                        alert("error");
                    }

                });
            });
        })