easyui给文本框增加历史记录下拉列表

原因：AJAX提交不能记录历史记录

CSS：去除下拉小三角图标

HTML

               

JS （提交后调用setVins(vin); )

$(function () {

          getVins();

            $("#vin").textbox("textbox").attr("list", "vinlist")
        });

function getVins()
        {
            $("#vinlist").html("");
            if (localStorage.vins) {
                var vins = JSON.parse(localStorage.vins);
                vins.forEach(function (x, index) {
                    $("#vinlist").append('');
                });
            }
        }
function setVins(vin)
        {
            if (localStorage.vins) {
                var vins = JSON.parse(localStorage.vins);
                var count = vins.unshift(vin);
                if(count>5)
                {
                    vins = vins.slice(0, 5);//截取0-4
                }
                localStorage.vins =  JSON.stringify(vins);
            } else {
                localStorage.vins = JSON.stringify([vin]);
            }
            getVins();
        }