我有几个国家的下拉元素,这些下拉元素有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);
}
但这只是触发了另一个国家的变化。我想让它触发变化来选择国家下拉元素中的第一个选项。我如何写它来选择第一个选项?
这里有一个例子,不知道你是不是这个意思?
var input = document.querySelector("input");
input.onchange = function() {
console.log("changed");
}
window.onload = function() {
input.onchange();
}
<input type="text">