Javascript:将值放入两个单独的表单字段中

标签 javascript php jquery laravel typeahead.js

借助预先输入,我返回包含两个数据的值。我需要将这些数据分成两个不同的字段。

$(document).ready(function(){
  $('#mail_field').typeahead({
	source:  function (query, process) {
		return $.post('http://127.0.0.1:8000/api/userdetailstypeahead', { query: query }, function (data) {
			//console.log(data);
			return process(data); //sample result in the #mail_field: John.Doe@jjc.com - Accounting  
                                              //want data to split into two separate fields 
		  });
	  }
  });
  $('#department_field').typeahead({});
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.min.js"></script>

if(count($results)){
$sugge = [];
  foreach($results as $user){
    $temp =[];
    $temp["department"] = $user->department[0];
    $temp["mail"] = $user->mail[0];
    $sugge[] = $temp;
  }

  $result["data"] = $sugge;
  $result["success"] = 1; 

  foreach($result["data"] as $user){
    $data[] = "{$user["mail"]} - {$user["department"]}" ; // I need the mail and department in 2 different fields
  }
  return response()->json($data);
}

最佳答案

声明两个变量:

var f1 = {};
var f2 = {};

在您的回复中:

f1 = data.field1;
f2= data.field2;

关于Javascript:将值放入两个单独的表单字段中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58691438/

相关文章:

javascript - 帮助避免全局命名空间 - 两个例子 - 哪个更好?

javascript - 页面加载时 iFrame 中的 XMLHttpRequest POST

php - 更改 php 数组看起来像 jquery 数组(谷歌图表)

php - 如何仅通过 xml 为少数类别设置默认产品排序方向(asc/desc)

javascript - 在jQuery中使用toggleClass缩小div

javascript - 主干模型的 fetch() 不返回所需的对象

javascript - 如何在用户点击网页中的任意位置时收到通知

PHP - 在 SQL 选择查询中忽略 NULL

jquery - 使用 JQuery ajax 调用来调用 Controller

jquery - 防止子div触发事件