怎么做到文本框与mysql相关联

当第一个文本框中的值等于后端list数组bean里某一个id时候，把bean中的name赋给第二个文本框

这个怎么实现，我是主攻后端的，今天突然让我做前端东西我蒙了

html：

 <input type="text" id="num">

JavaScript：

$("#num").val("赋值内容");

贴一下后台数据的结构

/**
	 * 查看编辑表单
	 */
	@RequiresPermissions("personnelcontract:tblPersonnelContract:view")
	@RequestMapping(value = "form") 
	public String form(TblPersonnelContract tblPersonnelContract, Model model) {
		TblPersonnelArchives tpa=new TblPersonnelArchives();
		model.addAttribute("tblPersonnelContract", tblPersonnelContract);
		List<TblPersonnelArchives>findList= tblPersonnelArchivesService.findList(tpa);
		model.addAttribute("supplierList", findList);
		return "modules/personnelcontract/tblPersonnelContractForm";
	}
//我的TblPersonnel开头的是类