为什么单击事件触发功能在Firefox中而不是在Chrome浏览器中？

Question

我正在动态创建<option>元素，并附加了一个click事件，并将它们附加到相应的<select>元素上。使用Firefox会触发处理事件的功能，但不会触发Chrome。 为什么有区别？我应该添加或更改什么？

除了在网上寻找答案外，我不能说我尝试了一些东西。我不知道发生了什么事。下面是应更改元素属性的函数。

function change_display () {
  let display_content = this.textContent.match(/[0-9]/g).join('') + ":00"
  this.className === "arthur" ? arthur_display.textContent = display_content
                              : johnny_display.textContent = display_content;
}
//
Some code
//
new_option.addEventListener('click', change_display);

我希望触发事件时，所引用元素的内容会发生变化。但是什么也没发生-甚至没有错误。 如果我需要更多信息来编辑问题，请告诉我。