在文本框中显示值，以便使用ajax和php进行编辑

editModal.php

  <div id="edit-modal" class="modal fade" tabindex="-1" role="dialog" aria-    labelledby="myModalLabel" aria-hidden="true" style="display: none;">
         <div class="modal-dialog"> 
              <div class="modal-content"> 

                   <div class="modal-header"> 
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
                        <h4 class="modal-title">
                            <i class="glyphicon glyphicon-edit"></i> Edit Profile
                        </h4> 
                   </div> 
                   <div class="modal-body"> 

                       <div id="modal-loader" style="display: none; text-align: center;">
                        </div>

                       <div id="dynamic-content">

                       <div class="row"> 
                            <div class="col-md-12"> 

                            <div class="table-responsive">

                         <table class="table table-bordered">
                            <tr>
                            <th>First Name</th>
                            <td id="txt_first">
                          <input  id="result_table" type="text" class="form-control" name="Firstname" ng-model="name">
                          </td>
                          </tr>

                            <tr>
                            <th>Middle Name</th>
                            <td id="txt_middle" > </td>
                            </tr>

                            <tr>
                          <th>Last Name</th>
                          <td id="txt_last"></td>
                            </tr>

                            <tr>
                            <th>Email Add</th>
                            <td id="txt_emailadd"></td>
                            </tr>

                            <tr>
                            <th>Contact Number</th>
                            <td id="txt_cnumber"></td>
                            </tr>


                            </table>

                            </div>

                            </div> 
                      </div>

                      </div> 

                    </div> 
                    <div class="modal-footer"> 
                          <button type="submit" value="send" name="submit" class="btn btn-primary">Save Changes</button>  
                          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>  
                    </div> 

             </div> 
          </div>
   </div><!-- /.modal -->    

</div>

  $(document).on('click', '#getUser', function(e){

                  e.preventDefault();

                  var uid = $(this).data('id'); // get id of clicked row

                  $('#dynamic-content').hide(); // hide dive for loader
                  $('#modal-loader').show();  // load ajax loader

                  $.ajax({
                    url: '../model/editUser.php',
                    type: 'POST',
                    data: 'id='+uid,
                    dataType: 'json'
                  })
                  .done(function(data){
                    console.log(data);
                    $('#dynamic-content').hide(); // hide dynamic div
                    $('#dynamic-content').show(); // show dynamic div
                    $('#txt_first').html(data.First_Name);  
                    $('#txt_middle').html(data.Middle_Name);
                    $('#txt_last').html(data.Last_Name);
                    $('#txt_emailadd').html(data.Email_Add);
                    $('#txt_cnumber').html(data.Contact_Number);
                    $('#modal-loader').hide();    // hide ajax loader
                  })
                  .fail(function(){
                    $('.modal-body').html('<i class="glyphicon glyphicon-info-sign"></i> Something went wrong, Please try again...');
                  });

                });

              });

              </script>

× 
编辑配置文件
名字
中名
姓
电子邮件添加
联系电话
保存更改
接近
$（文档）.on（'click'，'#getUser'，函数（e）{
e、 预防默认值（）；
var uid=$（this）.data（'id'）；//获取所单击行的id
$（“#动态内容”）.hide（）；//隐藏加载程序的潜水
$（“#模态加载器”）.show（）；//加载ajax加载器
$.ajax({
url:“../model/editUser.php”，
键入：“POST”，
数据：“id=”+uid，
数据类型：“json”
})
.完成（功能（数据）{
控制台日志（数据）；
$（“#动态内容”）.hide（）；//隐藏动态div
$（“#动态内容”）.show（）；//显示动态div
$（'#txt_first'）.html（data.first_Name）；
$（'#txt_middle'）.html（data.middle_Name）；
$（'#txt_last'）.html（data.last_Name）；
$（'#txt_emailadd'）.html（data.Email_Add）；
$（'#txt_cnumber'）.html（data.Contact_Number）；
$（'#模态加载器'）.hide（）；//隐藏ajax加载器
})
.fail（函数（）{
$（'.modal body'）.html（'出现问题，请重试…'）；
});
});
});

---

我想显示$（'#txt_first'）.html（data.first_Name）的值；输入type=“text”value=“php echo$firstName”，但似乎我做得不对。我是否可以将表格和脚本附在一个表格中；段？

它是输入字段，所以您需要使用“值”而不是“html”来完成。试试这个：

 $('#txt_first').val(data.First_Name);

---

创建演示以显示数据。输入type=“text”中的First_Name

$（'result#u table'）.val（“test”）

名字
中名
姓
电子邮件添加
联系电话
谢谢！真的很感谢你回答我的问题并帮助我out@Java初学者：这有助于实现你想要的