Javascript 选择下拉菜单时如何更改标题文本

在我的WordPress站点上，当选择下拉菜单中的选项时，我使用jQuery更新H2标题中的文本

下面的代码在这里工作得很好，但我无法在我的实时站点上运行它

以下是我正在使用的工作代码：

jQuery（文档）.ready（函数（）{
jQuery（“#wpfs计划--NjUyMTB”）.change（函数（）{
var selectedValue=此.value；
如果（selectedValue=='SEO\U 500\U word\U articles'）{
jQuery（'#price_value'）。文本（'299'）；
}else if（selectedValue=='SEO\U 1000\U word\U articles'）{
jQuery（“#price_value”）.text（'598'）；
}
});
});

价格是：299
搜索引擎优化500字$299
搜索引擎优化1000字$598
尝试将selectedValue的值更改为$（this）.val（）
如果以编程方式更改其值，则select标记不会触发“更改”事件

您必须使用包装自定义选择的小部件。
经过一番挖掘，我发现自定义选择是在wpfs.js文件的第1598行创建的

因此，如果您执行以下操作：

jQuery(document).ready(() => {
  jQuery('#wpfs-plan--NjUyMTB').wpfsSelectmenu({
    change() {
      const selectedValue = this.value;
      if (selectedValue === 'SEO_500_word_articles') {
        jQuery('#price_value').text('299');
      } else if (selectedValue === 'SEO_1000_word_articles') {
        jQuery('#price_value').text('598');
      }
    },
  });
});

它将把函数包装到小部件中，并正确调用它。
我使用了这个
var selectedValue=jQuery（this.val（）
因为WordPress需要我使用
jQuery
而不是
$
，但它不起作用。它看起来像
jQuery
版本。我也这么认为，但我测试了WordPress在JS Fiddle中使用的jQuery的完全相同版本（通过CDN导入），并且在Fiddle中工作良好。测试了
1.12.4
和
1.4.1
。您可以使用此url吗？让我知道，我想这应该能解决你的问题。在小提琴里面？在这里，它工作得很好。我无法在WordPress中更改jQuery版本，因为它是标准的
1.12.4
。您介意共享html标记直到正文吗？像这样尝试过，也没有像这样的docready包装。。。我试着通过控制台，它的工作。。。你有这部分代码的实时版本吗？好的，开始工作了！我使用了你的解决方案，所以用更新你的asnwer，我将把它作为solvedGreat！编辑了答案