JavaScript表单根据选择、重复div添加字段

如果您在此处查看我的测试页面：

如果您选择“更新现有的狗”，我有JavaScript，因此当您单击“添加另一个”按钮时，它将添加相同表单字段的另一部分

此外，当您为“更新到什么运动/事件？”选择下拉选择器时，它将更改每个部分下可用的字段。然而，在这里我遇到了一个问题。在一个更新部分中更改该选择将在所有其他更新选择中更改它-有人能帮我找出如何使其仅更改选择下拉列表所在部分中的字段吗？蒂亚

代码附在这里

更新现有狗
/*添加或删除其他更新div*/
var-ct=1；
函数new_link（）
{
ct++；
var div1=document.createElement（'div'）；
div1.id=ct；
//删除扩展表单元素的链接
var delLink=''；
div1.innerHTML=document.getElementById（'repeat-next'）。innerHTML+delLink；
document.getElementById（'repeat'）.appendChild（div1）；
}
//函数删除新添加的元素集
函数delIt（eleId）
{
d=文件；
var ele=d.getElementById（eleId）；
var parentEle=d.getElementById（'repeat'）；
父母移除儿童（ele）；
}
.隐藏{
显示：无；
}
$（document）.on（'change'，'.div toggle'，function（）{
var target=$（this.data（'target'）；
var show=$（“选项：选中”，this）。数据（'show'）；
$（target.children（）.addClass（'hide'）；
$（show.removeClass（'hide'）；
});
$（文档）.ready（函数（）{
$（'.div toggle'）。触发器（'change'）；
});
更新日期：
更新什么运动/事件？
构象
服从
集会
敏捷性


选课
新手
新手
选课
新手
中间的
先进的
杰出的
选课
标准
跳投者
快速的
T2B
高级标准
高级跳高运动员
选择级别
新手
打开
杰出的
大师
不适用（T2B和卓越理财）




更新日期：
更新什么运动/事件？
构象
服从
集会
敏捷性


选课
新手
新手
选课
新手
中间的
先进的
杰出的
选课
标准
跳投者
快速的
T2B
高级标准
高级跳高运动员
选择级别
新手
打开
杰出的
大师
不适用（T2B和卓越理财）