在一个表单上使用一个javascript函数进行多个输入

时间:2011-04-25 06:27:46

标签: javascript forms variables

我们有一个简单的年龄计算脚本,它接受日期输入(3个选择 - 日,月,年)并确定年龄。它由分配给年份选择的onChange触发。

通过表单分散了几个日期输入,每个输入设置相同,除了输入名称(第1天与第1天对比第3天等)。

目前我们只是复制了js代码并手动更改了输入变量......

function Age1()
{
var oldDay = document.step1.day1.value;
var oldMonth = document.step1.month1.value;
var oldYear = document.step1.year1.value;
and more script....

function Age2()
{
var oldDay = document.step1.day2.value;
var oldMonth = document.step1.month2.value;
var oldYear = document.step1.year2.value;
and more script....

等等。

理想情况下,我们希望重用一个脚本,而不是为每个实例硬编码一个脚本。我尝试过一堆想法无济于事,但理想的做法是通过:onChange="Age(X);"触发它,然后让js插入适当的变量:

function Age(varX)
{
var oldDay = document.step1.dayX.value;
var oldMonth = document.step1.monthX.value;
var oldYear = document.step1.yearX.value;
and so on ....

对我们有什么想法?提前致谢

1 个答案:

答案 0 :(得分:1)

function Age(varX)
{
    var oldDay = document.step1['day' + varX].value;
    var oldMonth = document.step1['month' + varX].value;
    var oldYear = document.step1['year' + varX].value;
}