使用存储的数据填充输入

时间:2015-12-09 04:03:30

标签: javascript jquery

我尝试使用localStorage来填充输入字段。我使用localStorage来存储weatherState。现在,当用户第二次来并开始输入时,如果它与weatherState值匹配,我如何使用weatherState填充输入。所以基本上它就像是对数据库的ajax请求并显示值。我怎么能这样做?

这是我尝试的但我不知道怎么做?

$('#stateLocalInput').keyup(function () { //want to fill this field while typing
    if(localStorage.getItem('weatherState')==$(this).val()){
        $(this).val(localStorage.getItem('weatherState'));
    }
});

修改

我希望通过将输入文本与$('#stateLocalInput').val()相匹配来填充localStorage.getItem(weatherState)。例如。如果weatherState值是"纽约"并且用户开始输入" NE" ,它应该自动填写为纽约。

1 个答案:

答案 0 :(得分:0)

正如评论中所说,你要找的是:

$('#stateLocalInput').keyup(function () {
  var value = $(this).val();
  //user should type at least 2 character
  if(value.length > 1){
     if(localStorage.getItem('weatherState').substring(0,value.length) == value){
         $(this).val(localStorage.getItem('weatherState'));
     }
  }
});