在使用 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 数据并添加到输入中。 如果是这种情况，您可以使用javascriptJSON.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;       
}
});