使用存储的数据填充输入

Fill input using stored data

本文关键字：填充 输入 数据 存储      更新时间：2023-09-26

我正在尝试使用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'));
    }
});

编辑

我想通过将输入文本与localStorage.getItem(weatherState)匹配来填充$('#stateLocalInput').val()。例如，如果weatherState值为"NEW YORK"，并且用户开始键入"NE"，则应自动填充为NEW YORK。

正如评论中所说，您正在寻找的是：

$('#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'));
     }
  }
});

相关文章：