Javascript 更改下拉菜单中选定项目的文本

我正在开发一个Chrome扩展来编辑网站的一些图形和文本字段。 我已经在这个问题上纠缠了一段时间了。 因此，正如您从这张图片中所看到的

我已经编辑了下拉菜单中的文本（从“Con Rispesta dell'agente”到“Con Rispesta del consumatore”），但当我选择该选项时，上面的文本显示为从未被修改过。

下面是我用来修改菜单中该字段的函数代码：

 $('.item-link.ember-view').each(function(x){
    var new_text = $(this).text().replace("Con risposta dell'agente", "Con risposta del consulente");   
    $(this).text(new_text);
  })

我已经尝试过的一件事是采用与上述类似的方法，如下所示：

 $('.btn.btn--transparent.btn--date-select.scale-none').each(function(x){
    if($(this).text() == "Con risposta dell'agente"){
      var new_text = $(this).text().replace("Con risposta dell'agente", "Con risposta del consulente");   
      $(this).text(new_text);
    }
 })

但它不起作用。 你知道我该怎么解决这个问题吗？ 提前谢谢你

1）从选择器中的

ember

判断，站点正在使用

ember

框架，因此每次呈现UI时，站点都会覆盖您所做的更改。您可以使用MutationObserver来解决这个问题。2） 在问题中添加元素的html，以防选择器出错。