如何從本地存儲中獲取特定的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
  }