假设这个表单是这样子的:
1、申请工号文本框绑定blur事件
2、事件里通过Ajax发送请求,获取数据。
3、ajax请求回调函数里,给申请姓名这个表单赋值。
// 这里假设使用jQuery
$("#worknum").blur(function() {
var val=$.trim(this.value);
if(val.length) {
$.ajax({
url:"get-username", // 可以获取数据的接口
dataType:"json",
data:"worknum="+val,
success:function(data) {
// 实际结构不一定如此,根据实际情况修改
var username=data.username;
$("#username").val(username);
},
error:function(){
// 如果出错了
}
});
}
});
第一个表单输入onblur的时候,异步产生http请求,得到数据库的数据,并添加到第二个输入框中
你可以熟悉一下ajax的相关知识
这个其实也不难啊,你在工号文本框做一个失焦事件,然后写一个请求,得到你输入的工号,通过这个工号在后台查询出对应的名字,然后在前台显示出来即可。