Javascript 如何自动更新表单字段
我正在开发一个任务管理系统,因为我在注册表中有年龄字段。我对如何在单击时自动更新该字段有疑问。 我的剧本是Javascript 如何自动更新表单字段,javascript,html,forms,Javascript,Html,Forms,我正在开发一个任务管理系统,因为我在注册表中有年龄字段。我对如何在单击时自动更新该字段有疑问。 我的剧本是 <script> var a = document.age1.dob.value; age = a.getFullYear(); var curr = new Date(); year = curr.getFullYear(); var age1 = year - age; </script> 在注册表中输入我的DOB并单
<script>
var a = document.age1.dob.value;
age = a.getFullYear();
var curr = new Date();
year = curr.getFullYear();
var age1 = year - age;
</script>
在注册表中输入我的DOB并单击年龄字段后,我希望存储在
age1
变量中的计算年龄自动更新注册表中的年龄字段中的值
<input type="text" onchange="ageCalculation()" name="dob">
您还应该对输入进行验证,以便它是一个有效的日期,但除此之外,这正是我开始编写的内容,但我速度不够快。:)我包含了AgeColution函数,但它没有work@Sree-我很惊讶…很久以前我们被告知要从html结构中删除JS代码。pkarthicbz的html风格显示出对良好实践的完全无知,而您却在错误的方向上鼓励他。显然,您的函数是正确的,但您以他那样的方式获取DOM元素不会给他带来任何启示。@pkarthicbz:您添加了onchange事件吗
@BriceCoustillas:正如他提到的,我只使用了javascript标记。如果jQuery在那里,我可以做得更好:)
<input type="text" onchange="ageCalculation()" name="dob">
function ageCalculation(){
if(document.age1.dob.value!==""){
var a = document.age1.dob.value;
a=new Date(a);
age = a.getFullYear();
var curr = new Date();
year = curr.getFullYear();
var age1 = year - age;
document.age1.age.value=age1;
}
}