在使用 ajax 选择下拉列表时在文本框中填充数据

Question

我正在尝试在特定 ID 的选择中获取一行，现在当用户选择下拉列表的任何值时，相应的值必须进入文本框，我使用 ajax 也是如此，我是从我的 PHP 文件中获取输出但它们采用数组形式，如 ("rahul", "9594233709")。当我试图将它们放在相应的字段中时，我无法做到。

这是我的完整代码。我正在尝试在特定 ID 的选择中获取一行，现在当用户选择下拉列表的任何值时，相应的值必须进入文本框，我正在使用 ajax，我正在从我的 PHP 文件但它们是数组形式，例如 ("rahul", "9594233709")。

当我试图将它们放在各自的字段中时，我无法做到。这是我的完整代码。我期待那个位置必须在位置列中移动，并且移动必须在移动列中，Array 完美地出现在前端。例如：["9594233705", "Gorakhpur"]

<script >
   $(document).ready(function(){
      $('#reg_number').change(function(){
      var reg_number = $(this).val();
    $.ajax
   ({
   type: "POST",
   url: "details.php",
   data: {post_id:reg_number},
    dataType: "text",
   cache: false,
         success:function(data)
            { 

              $('#u_mobile1').val(data);
            $('#u_location1').val(data);        
         }
   });

   });
    });

</script>
if($_POST['post_id'])
{
$id=$_POST['post_id'];
$sql="SELECT u_mobile,u_location FROM system_users WHERE u_userid=".$id;
$result = mysqli_query($con,$sql);
$data = array();
while($row = mysqli_fetch_array($result))
{
$u_mobile = $row['u_mobile'];
$u_location = $row['u_location'];
$data[0]=$u_mobile ;
$data[1]= $u_location ;
// $data[] = array('u_mobile' => $u_mobile, 'u_location' => $u_location);
}   echo json_encode($data);
}
<div class="col-md-6">
   <div class="form-group form-group-default required">
      <label>Company Mobile Number:</label>
      <input type="number" class="form-control" required="" id="u_mobile1" name="u_mobile1" value="" >
   </div>
</div>
<div class="col-md-6">
   <div class="form-group form-group-default required">
      <label class="">Location</label>
      <input type="number" class="form-control" required="" id="u_location1" name="u_location1"  value="">
      </select>
   </div>
</div>

Answer 1

如果我没有弄错，您想解析响应 Json 数据并添加到输入。 如果是这种情况，您可以使用 javascript JSON.parse(); 函数。因为您将数据作为 json 列表获取。

$.ajax
  ({
  type: "POST",
  url: "details.php",
  data: {post_id:reg_number},
  dataType: "text",
  cache: false,
  success:function(data)
   { 
   var resp = JSON.parse(data);
   document.getElementById("u_mobile").value=resp.u_mobile; 
   document.getElementById("u_location").value=resp.u_location;       
   }
   });