JavaScript-更改a<；选择>；来自另一方的数据<；选择>；

我正在尝试进行动态选择。 当我在一个select中选择某个数据时，另一个会更改其数据视图。 没什么你们都没看到的，对吧

但我是javascript代码新手，还在学习。。 我试过类似的东西

var-selectchild=$（'select[name=“selectchild”]option'）；
$（'select[name=“selectFather”]'）。在（'change'，function（）上{
var selectfather=this.value；
var newSelect=selectchild.filter（函数（）{
返回$（this）.data（'example'）==selectfather；
});
$（'select[name=“selectChild”]”）html（newSelect）；
});

A.
B
C






A.
aa
aaa
B
bb
bbb
C
复写的副本
ccc
我尝试了一些方法，然后解决了部分问题

对于第一个问题，我添加了代码：

$('select[name="selectChild"]').html(newSelect).prop("selectedIndex", 0);

然后，对于第二个问题（我仍在研究），我接近。。。。将代码“trigger（'change'）；”放在同一行的末尾，将以友好方式加载html并更改de值

$('select[name="selectChild"]').html(newSelect).prop("selectedIndex", 0).trigger('change');

这管用！但不能使用默认值null。因为我在使用“更改”事件


var selectson=$（'select[name=“selectson”]option'）；
$（'select[name=“selectFather”]'）。在（'change'，function（）上{
var selectfather=this.value；
var newSelect=selectson.filter（函数（）{
返回$（this）.data（'example'）==selectfather；
});
$（'select[name=“selectSon”]”）.html（newSelect.prop（“selectedIndex”，0.trigger（'change'）；
});

A.
B
C






A.
aa
aaa
B
bb
bbb
C
复写的副本
ccc
我不清楚你想要什么。“…从上到下开始显示值…”：您希望发生动画，以便每半秒添加一个项目？您所说的“如何更改第二次选择以从上到下开始显示值”是什么意思？对于第二个问题，请使用
$（“选择[name=selectFather”）。触发器（“更改”）
在加载页面时运行代码。@guest271314…您好。如果您运行代码段，您可以看到，如果您在第一次选择中选择“A”，第二次选择将显示最后一个值，而我想先显示第一个'-'@trincot抱歉，如果我不清楚。就像我之前对@guest271314说的那样，如果我在第二次选择时加载数据，它总是显示最后一个值而不是第一个值。您可以通过运行代码段进行检查。=）我找不到更改该值的方法。