如何使用typeahead从本地存储中搜索名称?

时间:2015-08-03 08:02:01

标签: jquery

 var a=[{
             "Name":"Harsha",
             "Age":"18"
          },
          {
              "Name":"Havisha",
              "Age":"19"
          }

          ]; 
localStorage.setItem("list",JSON.stringify(a));   

    $("#namm").autocomplete({
           source:[
              b=localStorage.getItem("list")
        ]
        });

我已经将名称存储在本地存储中。当时我在文本框中搜索名称时必须从localstorage中搜索名称。如何可能。我已经尝试过上面了>但是我无法做到这一点

2 个答案:

答案 0 :(得分:0)

如果你的list是一个字符串数组,请试试这个:

var list = localStorage.getItem("list");
$("#namm").autocomplete({
    source: list
});

P.S。始终检查从localStorage返回的变量是否为空。

答案 1 :(得分:0)

我想你需要这样做:

$(function() {

  var list = [{
    value: 'naga'
  }, {
    value: 'bhawani'
  }];
  localStorage.setItem('list', JSON.stringify(list));

  $("#namm").autocomplete({
    source: JSON.parse(localStorage.getItem("list"))
  });

});
  

数组:数组可用于本地数据。有两种支持的格式:   字符串数组:[ "Choice1", "Choice2" ]   具有标签和值属性的对象数组:[ { label: "Choice1", value: "value1" }, ... ]   标签属性显示在建议菜单中。当用户选择项目时,值将插入到input元素中。如果仅指定了一个属性,则它将用于两者,例如如果仅提供值属性,则该值也将用作标签

另一个建议是,如果您能够更改json数据,那么您可以像以下一样使用它:

var list = [{
      value: 'Harsha : 18'
    }, {
      value: 'Havisha : 19'
    }];

A plnkr for this.