如何从本地存储中获取特定的ID数据，以便使用jquery在表单中进行编辑

Question

我将数据从表单存储到本地存储中，但是当我尝试调用数据进行编辑时，它仅加载具有最后一个ID的数据，而不加载特定项目的数据。

这是我的编辑功能`///用户输入的代码，用于编辑$（'＃edit_employee_form'）。on（'click'，function（）{

  var editEmployee = JSON.stringify({
      id: employees.length,
      employeeno: $('#employeeno').val(),
      employeename:$('#employeename').val(),
      stateoforigine:$('#stateoforigine').val(),
      employeephone: $('#employeephone').val(),
      dateofbirth:$('#dateofbirth').val(),
      });

//Alter the slected data
localStorage.setItem("employees", JSON.stringify(employees));     
          return true;
  })

for (var i in employees){

var empData = JSON.parse（localStorage.getItem（employees [i]））;; }`

这是我用于编辑数据的代码

//register Edit button 
$('.edit_button').live('click', function(e){
    //alert('I was Cliked!');
      e.stopPropagation();
    var id = $(this).attr('href').substring(7);

    var data = JSON.parse(localStorage.getItem('employees'));
    $.each(data, function(a, b){
        $('#employeeno').val(b.employeeno);
        $('#employeename').val(b.employeename);
        $("#stateoforigine").val(b.stateoforigine);
        $('#employeephone').val(b.employeephone);
        $('#dateofbirth').val(b.dateofbirth);
        $('#id').val(b.id);
        $("#id").attr("readonly","readonly");
        $('#employeeno').focus();

         $.mobile.changePage('#add_employee_page');
                return true;` 

这是我的本地存储

[{"id":1,"employeeno":"DEF/234/20014","employeename":"Bill Gates","stateoforigine":"Osun","employeephone":"080765432","dateofbirth":"12/11/1965"},{"id":2,"employeeno":"DEF/234/20014","employeename":"Bill Gates","stateoforigine":"Osun","employeephone":"080765432","dateofbirth":"12/11/1966"},{"id":3,"employeeno":"DEF/234/20014","employeename":"Bill Gates","stateoforigine":"Osun","employeephone":"080765432","dateofbirth":"12/11/1966"},{"id":4,"employeeno":"DAST/003/2003","employeename":"Gold Base","stateoforigine":"","employeephone":"","dateofbirth":"12/03/1986"},

本地存储的密钥是​​员工。

如何动态调用ID？ 谢谢

Answer 1

在您的代码中，您将覆盖您的控件分配三次，最后一个条目将被淘汰。 您需要做的是指定应使用哪个ID来标识合适的员工，并将其值映射到表单控件：

$.each(data, function(a, b){
  if(b.id === YOUR_ID){
    $('#employeeno').val(b.employeeno);
    ...
    return false; //Break out of the loop once you have the data you need
  }