Bootstrap Select 组件触发无限事件

如何解决Bootstrap Select 组件触发无限事件

我正在以实用的方式生成 Select 控件并将侦听器附加到 onchange 事件。

private construirMeses() {
    if (this.getFormato() === "MMAAAA" || this.getFormato() === "DDMMAAAA") {
        let nodoSelect = document.createElement("select");
        nodoSelect.setAttribute("class","form-select");
        for (let index = 1; index <= 12; index++) {
            let nodoOption = document.createElement("option");
            nodoOption.appendChild(document.createTextNode(index.toString()));
            nodoSelect.appendChild(nodoOption);
            nodoSelect.addEventListener("change",(e) => {
                alert("hola");
                e.stopPropagation();
            });
        }
        this.componente.appendChild(nodoSelect);
    }
}

生成的 html 的副本。

<div id="miDatePicker" className="input-group mb-3 BSDatePicker" dia="" mes="" año="" desde="" hasta="" formato="DDMMAAAA">
    <select className="form-select">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
        <option>6</option>
        <option>7</option>
        <option>8</option>
        <option>9</option>
        <option>10</option>
        <option>11</
        option>
        <option>12</option>
    </select>
</div>

更改选择的值后，它进入警报循环，对其他事件进行了相同的尝试并获得相同的结果。

如何阻止它进入循环？