Jquery 在不同的输入字段上搜索时使用ajax获取Multiple Data onclick事件

我正在使用Ajax搜索数据。当我搜索数据时，我得到了结果，并单击其中一个主题（data1）。并在同一搜索输入框中获取可点击数据。但我也希望在单击事件的同时将其他数据（data2）放在其他输入字段上，并希望获得data1和data2，但我得到了一个错误

Ajax脚本

$(document).ready(function(){
 fetch_customer_data();
 function fetch_customer_data(query = '')
 {
  $.ajax({
   url:"{{ URL::to('/searchCity') }}",
   method:'GET',
   data:{query:query},
   dataType:'json',
   success:function(data)
   {
    $('#result').html(data.table_data);

    $('#total_records').text(data.total_data);
   }
  })
 }
 $(document).on('keyup', '#searchCity', function(){
  var query = $(this).val();
  fetch_customer_data(query);
 });
 $(document).on('click', '.item', function() {
    $('#searchCity').val($(this).data('name'));
    $('#searchCityCode').val($(this).data('code'));
    $('#result').empty()
         var name = $('#searchCityCode').val(); 
                alert(name);

});
});

<input type="text" name="searchCity" id="searchCity" class="form-control" placeholder="Search for a city or particular hotel" style="" value="">

<input type="text" name="searchCityCode" id="searchCityCode" class="form-control"  style="" value="">

$（文档）.ready（函数（）{
获取客户数据（）；
函数获取客户数据（查询=“”）
{
$.ajax({
url:“{url:：to（'/searchCity'）}}”，
方法：'GET'，
数据：{query:query}，
数据类型：'json'，
成功：功能（数据）
{
$（'#result'）.html（data.table_数据）；
$（'total_records'）.text（data.total_data）；
}
})
}
$（文档）.on（'keyup'，'#searchCity'，函数（）{
var query=$（this.val（）；
获取客户数据（查询）；
});
$（文档）.on（'单击'，'.item'，函数（）{
$（'#searchCity'）.val（$（this.data（'name'））；
$（'searchCityCode'）.val（$（this.data（'code'））；
$（'#result'）.empty（）
var name=$（'#searchCityCode'）.val（）；
警报（名称）；
});
});

控制器

public function searchCitylist(Request $request)
    {
     if($request->ajax())
     {
      $output = '';
      $query = $request->get('query');
      if($query != '')
      {
      $userreg = DB::table('cityarea')->distinct()->
        where('City_Code', 'like', '%'.$query.'%')->
        orWhere('City_Name', 'like', '%'.$query.'%')->  
        orWhere('Destination_Code', 'like', '%'.$query.'%')->   
        orWhere('Country_Code', 'like', '%'.$query.'%') 
         ->get();         
      }   
      $total_row = $userreg->count();
      if($total_row > 0)
      {
        foreach($userreg as $userregs) 
        { 
        $output .= '        
        <tr>
         <td class="item" data-name="'.$userregs->City_Name.'">'.$userregs->City_Name.'</td>
  <td class="item" data-code="'.$userregs->City_Code.'">'.$userregs->City_Code.'</td>      
         </tr>';            
            } 
        } 
        else { $output = 'No Data Found';               
             }            
      $userreg = array(
       'table_data'  => $output,
       'total_data'  => $total_row
      );
      echo json_encode($userreg);     
     }   
    }

公共函数searchCitylist（请求$Request）
{
如果（$request->ajax（））
{
$output=''；
$query=$request->get（'query'）；
如果（$query！=''）
{
$userreg=DB:：table（'cityrea'）->distinct（）->
其中（'City_Code'，'like'，'%.$query.'%'）->
或where（'City_Name'，'like'，'%'.$query.'%'）->
orWhere（'Destination_Code'，'like'，'%'.$query.'%'）->
orWhere（'Country_Code'、'like'、'%'.$query.'%'））
->get（）；
}   
$total_row=$userreg->count（）；
如果（$total_row>0）
{
foreach（$userreg作为$userregs）
{ 
$output.='
“.$userregs->City_Name”
“.$userregs->城市代码”
';            
} 
} 
else{$output='未找到数据'；
}            
$userreg=数组(
“表_数据”=>$output，
“总计数据”=>$total\u行
);
echo json_编码（$userreg）；
}   
}

您已经为

td

元素添加了

项

类，在点击事件

期间，此
变量将仅包含anyone
数据-
属性值

因此，您最好为
tr
添加包含所有数据属性值的类名，如下所示

$output .= '<tr class="item" data-code="'.$userregs->City_Code.'" data-name="'.$userregs->City_Name.'">
    <td>'.$userregs->City_Name.'</td>
    <td>'.$userregs->City_Code.'</td>
    </tr>';

$output.='
“.$userregs->City_Name”
“.$userregs->城市代码”
';

请参阅-
您为
td
元素添加了
项
类，在点击事件
期间，此
变量将仅包含anyone
数据-
属性值

因此，您最好为
tr
添加包含所有数据属性值的类名，如下所示

$output .= '<tr class="item" data-code="'.$userregs->City_Code.'" data-name="'.$userregs->City_Name.'">
    <td>'.$userregs->City_Name.'</td>
    <td>'.$userregs->City_Code.'</td>
    </tr>';

$output.='
“.$userregs->City_Name”
“.$userregs->城市代码”
';

参考-