原生JQquery不使用插件实现input框同时支持输入和下拉选择（模糊搜索）

在HTML5时候增加表单属性：" list "，即list属性后是自定义的数据列表，html代码如下：

js中即操作dataList标签，id为 dataListItem

$.ajax({
      type: "POST",
      url:"api/xx/xxx/xxxxxx?condition="+condition,
      dataType: "json",
      contentType:"application/json",
      // data:JSON.stringify(data),
      success: function (data) {
                        var dataBase = data.entity;
                        _this.srmItemList = dataBase;
                        for(var i in dataBase){
                            _this.$el.find("#dataListItem").append(
                                ""+dataBase[i].itemNo+"/"+dataBase[i].itemName+"" +
                                ""
                            )
                        }
                    },
                    error: function (e) {

                    }
                });

以上的option标签为input框的下拉选值，可以在初始化的时候从接口获取的数据存入，再在input框中定义change事件，即可实现输入模糊搜索功能。

效果如下：

仅供参考~