js自动填表功能怎么实现?

2025-03-11 01:09:28
推荐回答(3个)
回答1:

假设这个表单是这样子的:


申请工号:
申请姓名:

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(){
// 如果出错了
}
});
}
});

回答2:

第一个表单输入onblur的时候,异步产生http请求,得到数据库的数据,并添加到第二个输入框中
你可以熟悉一下ajax的相关知识

回答3:

这个其实也不难啊,你在工号文本框做一个失焦事件,然后写一个请求,得到你输入的工号,通过这个工号在后台查询出对应的名字,然后在前台显示出来即可。