如何使用元素触发 onchange 函数<selected>>

Question

我有一个javascript函数，需要根据所选选项触发，但我希望选择默认的

<select class="custom-select" name="" id="timer1numbers" onchange="getSelected1()">
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8" selected>8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>

如何在不需要用户更改的情况下触发脚本？

Answer 1

只需调用document.getElementById("timer1numbers").onchange();this，就可以用所选值触发第一个onchange事件。

以下是代码片段并查看控制台：

function getSelected1() {
var value = document.getElementById("timer1numbers").value;
console.log(value);
}
document.getElementById("timer1numbers").onchange();

<select class="custom-select" name="" id="timer1numbers" onchange="getSelected1()">
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8" selected>8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>