Javascript jquery-下拉选择上的函数存在问题

Javascript jquery-下拉选择上的函数存在问题,javascript,jquery,wordpress,woocommerce,Javascript,Jquery,Wordpress,Woocommerce,我有一个Wordpress插件的问题,它在我的网站的一个页面上创建了许多动态选择框“下拉框”。这是一个电子商务网站。插件是“复合产品” 不幸的是,这个插件给每个下拉列表提供了相同的ID和类。哎哟 我很高兴地使用了修改过的代码,从这里开始- 我使用这个选项来使用所选项目的“var”(它是唯一的),该选项用于在页面的其他位置重新定义CSS 我的问题–在一个单独的下拉列表(class=.component\u options\u select)中,我试图通过文本或html选择更多选项。两者都失败了。

我有一个Wordpress插件的问题,它在我的网站的一个页面上创建了许多动态选择框“下拉框”。这是一个电子商务网站。插件是“复合产品”

不幸的是,这个插件给每个下拉列表提供了相同的ID和类。哎哟

我很高兴地使用了修改过的代码,从这里开始-

我使用这个选项来使用所选项目的“var”(它是唯一的),该选项用于在页面的其他位置重新定义CSS

我的问题–在一个单独的下拉列表(class=.component\u options\u select)中,我试图通过文本或html选择更多选项。两者都失败了。我不能使用var,因为这个下拉列表的内容是巨大而动态的。jquery有更好的搜索功能吗

jQuery(document).ready(function($){
    $('select[class="component_options_select"]').change(function(){

        if ($(this).val() == "6785")
            $(".element-to-change").css({"width":"530px"})
            .add(".blaeu-prints-builder-inner").css({"background-image":"url('/storefront-blaeu/gfx/12x16.jpg')"},100);

        if ($(this).val() == "6786")
            $(".element-to-change").css({"width":"550px"})
            .add(".blaeu-prints-builder-inner").css({"background-image":"url('/storefront-blaeu/gfx/18x24.jpg')"},100);

        if ($(this).val() == "6787")
            $(".element-to-change").css({"width":"600px"})
            .add(".blaeu-prints-builder-inner").css({"background-image":"url('/storefront-blaeu/gfx/27x39.jpg')"},100);

    });
});
这么多都是可行的,但下面是一行没有效果的代码

        if ($(this).text() == "This Selection")
      $(".another-element-i-want-to-edit").css('display','block');
我尝试过使用.html和.text,而且选项包含文本。。。两者都不起作用。我对JQuery不是很有天赋

欢迎任何帮助。

如果

if ($(this).text() == "This Selection"){
    $(".another-element-i-want-to-edit").css('display','block');
}
处于与选择相同的
change
功能中,它将不起作用,因为您需要检查值而不是文本。意义变化

if ($(this).text() == "This Selection")


非常感谢你。这在我的情况下不起作用。我不太清楚到底发生了什么。但用简单的英语来说,似乎在同一页的两个项目上使用了下拉框的ID/类,它们在“产品生成器”的情况下通过手风琴显示。因此,第一个实例我使用($(this).val()在某个选择上做一些事情(更改CSS),x3…作为第二个下拉列表,正如前面提到的,它共享相同的ID/类…我想使用.text(或者你提到的.val)。但是这似乎不起作用。Messy.understand。你能发布一个html和js一起工作的片段吗(或者在您的情况下不能正常工作)?因此我可以根据您的精确代码给出精确的解决方案?我感谢您的帮助,但我认为还有另一个JQuery功能正在运行-通过插件,它可以自动更改下拉列表的内容(根据选择)。我在没有插件的情况下尝试了你的代码,它很有效。因此我将编写另一个解决方案。很抱歉,我没有帮你弄清这一点。但这是一个高级Wordpress插件,我不想开始粘贴开发人员的代码。很抱歉。我没有要求你粘贴整个插件。只是相关的代码没有o你的问题。如果你不想这样做,而是自己处理,那就做我的客人。没有伤害没有犯规。谢谢你的帮助。我意识到我可以编辑插件来创建一个“复选框”列表,而不是第二个“下拉”列表,共享第一个的ID/类。所以我找到了一个解决方案。非常感谢你的时间。所有的b美国东部时间。
if ($(this).val() == "This Selection")