如何在选择元素上触发事件,用typecript选择第一个选项?[已关闭]

问题描述 投票:0回答:1

我有几个国家的下拉元素,这些下拉元素有onchange监听器,可以根据所选的国家改变一个额外的下拉列表中的国家列表。

我想根据用户的区域来预选国家,但我想最好的方法是在加载时触发一个onchange事件,并将其设置为国家。

我发现我可以创建一个事件,并将其发送到我的国家下拉菜单中,这很好。

var event; // The custom event that will be created
if (document.createEvent) {
    event = document.createEvent("HTMLEvents");
    event.initEvent('onchange');
    event.eventName = "onchange";
    element.dispatchEvent(event);
}

但这只是触发了另一个国家的变化。我想让它触发变化来选择国家下拉元素中的第一个选项。我如何写它来选择第一个选项?

javascript typescript event-listener
1个回答
0
投票

这里有一个例子,不知道你是不是这个意思?

var input = document.querySelector("input");
input.onchange = function() {
  console.log("changed");
}
window.onload = function() {
  input.onchange();
}
<input type="text">
© www.soinside.com 2019 - 2024. All rights reserved.