在btn点击上创建一个带有自动填充输入字段的模态窗口

尝试将json代码分配给field.values时遇到了问题。 一切正常[生成器，id查找]只是我不知道它为什么不将值分配给字段。 它的工作原理如下。 我有一个按钮，当点击一个模态打开时，id在正确显示我只需要一个填充on.modal的动作用json.value / name = input加载字段。值。

 $('.getUserEditID').on('click', function (event) { $('.userId').text($(this).data('useredit')); //$('input[name="id"]').val($(this).data('useredit')); $('#editModal').modal(); $.ajax({ type: "GET", url: "getuserdata.php?id=" + $(this).data('useredit'), success: function(data) { // data is the text returned from your php script $('input[name="username"]').val(data.username); $('input[name="password"]').val(data.password); //$('input[name="name"]').val(data.name); // You don't seem to have name in your script?? $('input[name="surname"]').val(data.surname); $('select[name="level"] option[value="' + data.level + '"]').prop('selected', true); } }); }); 

getuserdata.php？id = 2示例响应

 { "id": 2, "username": "Teeto", "surname": "", "password": "somepassword", "lastlogin": "2014-02-18 15:35:01", "level": 0 } 

表格视图

 
  
  User id to edit :    
 
 
  Username   
 
 
  Password   
 
 
  Name   
 
 
  Surname   
 
 
  Level     Administrator   Administrator L2     Dział X   Dział Y   Dział Z     Klient Indywidualny   Klient Korporacyjny     Użytkownik III   Użytkownik II   Użytkownik    
  

Answer 1

方案：

在顶部添加json生成器（getuserdata.php）

 header('Content-Type: application/json'); 

我的情况是生成器:(还需要包括数据库连接等）

 header('Content-Type: application/json'); $getLev = $db->row("SELECT * FROM tbl_users WHERE id = :username",array("username" => $_GET['id'])); $data = array( 'id' => $getLev["id"], 'username' => $getLev["username"], 'surname' => $getLev["surname"], 'password' => $getLev["password"], 'lastlogin' => $getLev["lastlogin"], 'level' => $getLev["level"] ); echo (json_encode($data)); 

脚本

 $('.getUserEditID').on('click', function (event) { $('.euserId').text($(this).data('useredit')); $('#editModal').modal(); var otherPro = $('.euserId').text(); console.log(otherPro); var fillFields = function(){ $.ajax({ type: 'POST', url: "getuserdata.php?id="+ otherPro, datatype: 'json', success: function(data){ $.each(data, function (key, value) { $( '#' + key ).val( value ); }); } }); } // call the function fillFields("1"); }); 

模态（添加到主页面的按钮）

 
 
 
 
 
 
 Modyfikacja uzytkownika
 
 
 
 
 
 
 
  User id to edit :    
 
 
  Username   
 
 
  Password   
 
 
  Name   
 
 
  Surname   
 
 
  Level     Administrator   Administrator L2     Dział X   Dział Y   Dział Z     Klient Indywidualny   Klient Korporacyjny     Użytkownik III   Użytkownik II   Użytkownik    
 
 
 
 Edit Close 
   
 
  

按钮生成器（在我的情况下用于foreach循环以生成表）

  Edit 

我希望这个可以帮助任何人。 将来，您可以将onClick事件分配给#editUser ，使其甚至成为[记录查找] +修改脚本。