javascript - 在 onload 函数中触发 onchange 事件

Question

我有一个带有两个下拉菜单的网页。第一个 (id = ddlIndustry) 有一个“Go”按钮，从下拉菜单中选择一个选项后，该按钮会刷新页面。完成此操作后，可以在第二个下拉列表中进行选择 (id =region)。它有一个 onchange 属性，当做出选择时会触发并刷新页面。

我正在尝试用 Javascript 编写一组命令，从第一个下拉列表中选择一个选项，单击“Go”按钮，刷新页面后，从第二个下拉列表中选择一个选项并以编程方式触发 onchange事件。

到目前为止我的代码是:

document.all.ddlIndustry.selectedIndex = 21;
document.getElementById("cmdChart").click();
window.onload = function(){
    document.all.region.selectedIndex = 2;
    document.all.region.onchange();
};

这让我可以选择一个 ddlIindustry 索引并按“Go”，但不会选择区域并触发 onchange 事件。然而，当我选择一个行业并手动按下去时，代码的第二部分:

document.all.region.selectedIndex = 2;
document.all.region.onchange();

允许我选择一个区域并触发 onchange 事件。

我怎样才能同时做这两件事？

编辑:我已在 Chrome(版本 37.0.2062.120 m)和 IE(版本 11.0.9600.17280)中尝试过此操作

Answer 1

我认为，如果你写下类似下面的内容就会起作用。

region.selectedIndex = 2;
region.onchange();