Заполнение HTML со значением, полученным от AJAX

Question

У меня есть кнопка обновления, и при нажатии она должна указывать значения конкретного пользователя. Для этого у меня есть следующий фрагмент кода.

HTML Button:

<button onclick="return getUserDetails(<? echo $user['id']; ?>)" class="btn btn-xs btn-primary" data-toggle="modal" data-target=".update-modal">Update</button> 

В следующей функции я получить подробную информацию о пользователе.

Javascript Функция:

function getUserDetails(userId, compId) { 
$.ajax({ 
    type: "POST", 
    url: "<? echo base_url(); ?>user/get_user_details", 
    data: {userId: userId, 
      compId: compId 
      }, 
     success: function(data){ 
      var text = JSON.parse(data); 
      console.log(text[0]); 
     } 
}); 
} 

Я хочу выше данные получены пользователем заселяться в следующих областях.

HTML Модальные Код:

<div class="modal fade update-modal"> 
<div class="modal-dialog"> 
<div class="modal-content"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
    <h4 class="modal-title">Update User</h4> 
    </div> 
    <div class="modal-body"> 
    <div class="form-group"> 
     <label for="email" class="sr-only">User First Name</label> 
     <input type="text" class="form-control" name="userFName" id="userFName" value="" placeholder="User First Name"/> 
    </div> 
    <div class="modal-footer"> 
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
    <button type="button" class="btn btn-primary" onclick="updateUser()">Save changes</button> 
    </div> 
</div><!-- /.modal-content --> 

Однако я не могу получить желаемый результат. Кто-нибудь может мне помочь?

Console.log дает мне правильный результат, однако, когда я использую document.write или innerHTML, я вообще не вижу никаких значений.

Answer 1

Спасибо всем. Я разобрался в этом вопросе. Я добавил следующие изменения в мой код.

document.getElementById('user_f_name').value = text[0].user_fname; 
document.getElementById('user_l_name').value = text[0].user_lname; 
document.getElementById('user_email').value = text[0].user_name; 
document.getElementById('user_role').value = text[0].user_role;