为什么我的模态没有填充我的所有数据

Question

请不要对此投反对票。我是 Bootstrap 模式的新手，并试图找出我出错的地方。

我目前有这段代码将显示数据表。数据表的第一列有一个指向模态的链接。单击链接后，模式会显示我要求其显示的所有信息。在模式的顶部有一个编辑按钮，允许用户编辑信息。当此模式加载时，它不会从我的数据库加载我的列。以下是未加载的模态和列：

           <div class="col-2 inputRow">
                Description:
            </div>
            <div class="col-10 inputRow">
                <input class="createInput edit_description" id="edit_description" maxlength="100">
            </div>

下面是我的数据如何加载到模态中的位置：

/**
 * Second check to make sure information is most current
 */
function openEditModal(){
  email = CURRENT_USER['email'];
  $.ajax({
   url: './ajax/getData.ajax.php',
   type: 'post',
   data: {
     "getUser": email,
   },
   dataType: 'json',
   success: function(response) {
     //Check for timeout
     ajaxTimeoutCheck(response);
     loadEditUser(response);

   }
  });
}

/**
 * Fills in modal to show selected users information
 */
function loadEditUser(){
  user = CURRENT_USER;
  console.log(user);
  for (var key in user) {
    if(key != 'uid' && key != 'user' && key != 'updatedby' && key != 'updated' && key != 'global'){
      if(key == "admin"){
            if(user[key] == 1){
              document.getElementById("edit_" + key).checked = true;
            } else {
              document.getElementById("edit_" + key).checked = false;
            }
      } else if (key == "approver"){
        if(user[key] == 1){
          document.getElementById("edit_" + key).checked = true;
        } else {
          document.getElementById("edit_" + key).checked = false;
        }
      } else if(key == "department"){
        document.getElementById("edit_department").value = user[key];
     /*
      * This Section Here Is Not Responsing
      */
      } else if(key == "description"){
        document.getElementById("edit_description").value = user[key];
      } else {
        document.getElementById("edit_" + key).innerHTML = user[key];
      }
    }
  }
  document.getElementById('edit_changeAlt').checked = false;
  removeAlternateEdit();
  $("#editModal").modal();
}

我对 getData.ajax.php 文件的查询只是：

SELECT * FROM users WHERE email=$email

如您所见，我的代码中有一个控制台，log()。这实际上返回了我的所有信息，包括描述列，但是当我单击要加载的模式时。它将把描述留空。我在这里错过了什么吗？或者我的代码是否在其他地方被破坏而可能导致此问题？

Answer 1

您的代码中似乎可能存在拼写错误。 在您的 loadEditUser() 函数中，您在 console.log() 语句中存在拼写错误：

concole.log(user);

根据我来说应该是：

console.log(user);

这可能会导致 JavaScript 执行在该点停止，从而无法正确填充描述字段。

确保描述输入字段的 id 属性 与 getElementById() 调用完全匹配。仔细检查 ID 中是否有拼写错误。

让我们知道。