动态添加表单元素后应用javascript

我正在动态构建表单元素，当表单提交时，ID需要增加以使其唯一。除了添加了javascript之外，其他一切都正常工作，javascript应该在下拉选择中填写年份

它适用于第一个，因为它不是动态构建的。当Javascript动态构建表单元素并添加相同的Javascript代码时，它不会动态构建年份。有没有更好的方法来实现这一点

下面是Javascript：

var child=1；
函数辅字段（）{
儿童++；
var objTo=document.getElementById（'minor_fields'）
var=document.createElement（“div”）；
setAttribute（“类”、“窗体组removeclass”+子级）；
var rdiv='removeclass'+子级；
DivUnderaters.innerHTML='-月-1月-1月-2月-3月-4月-5月-9月-10月-10月-12日-1234567891011213141516171819202122232425262728293031-年-for（i=新日期（）.getFullYear（）；i>1900；i--{$（“#txtMinorYear'+child+”）。追加（$）.val（i）.html（i））}删除未成年人'；
目标：儿童（未成年人）
}
函数删除次要字段（rid）{
$（'.removeclass'+rid）.remove（）；
}

次要信息：
-月份-
一月
二月
前进
四月
也许
六月
七月
八月
九月
十月
十一月
十二月
-日-
1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
-年份-
对于（i=新日期（）.getFullYear（）；i>1900；i--）{
$（“#txtMinorYear1”）.append（$（“”）.val（i）.html（i））；
}
加小调

您可以将“年份填充”功能移动到单独的函数中，并在页面加载时为每个子项调用它

像这样：

var child=1；
函数辅字段（）{
儿童++；
var objTo=document.getElementById（'minor_fields'）
var=document.createElement（“div”）；
setAttribute（“类”、“窗体组removeclass”+子级）；
var rdiv='removeclass'+子级；
DivUnderaters.innerHTML='-月-1月-1月-2月-3月-4月-5月-9月-10月-10月-12日-1234567891011213141516171819202122232425262728293031-年-for（i=新日期（）.getFullYear（）；i>1900；i--{$（“#txtMinorYear'+child+”）。追加（$）.val（i）.html（i））}删除未成年人'；
目标：儿童（未成年人）
addYears（）；
}
函数删除次要字段（rid）{
$（'.removeclass'+rid）.remove（）；
}
函数addYears（）{
对于（i=新日期（）.getFullYear（）；i>1900；i--）{
$（“#txtMinorYear”+（child | | 1））.append（$（“”）.val（i）.html（i））；
}
}
addYears（）

次要信息：
-月份-
一月
二月
前进
四月
也许
六月
七月
八月
九月
十月
十一月
十二月
-日-
1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
-年份-
加小调
为什么不使用带有日期选择器的输入而不是3个下拉菜单？因为客户端不想使用日期选择器。他们不想让他们的客户玩弄日历。选择一个月，一天，一年。是的，这就是我需要的。非常好用，谢谢！我的荣幸：）请给出答案，这样会对其他人有所帮助。（也欢迎：）我会投赞成票，但我的名誉积分还不允许我。哈哈，我已经使用这个网站很多年了，但从来没有尝试过提高我的声誉。我想我得开始了。