jquery - 下拉选择功能问题

时间:2018-06-12 16:53:40

标签: javascript jquery wordpress woocommerce

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

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

我很高兴使用修改后的代码版本,从这里开始 - jquery function on dropdown select

我使用它来使用所选项目的'var'(这是唯一的),该选择用于在页面的其他地方重新定义CSS。

单独下拉列表中的

我的问题 - (class = .component_options_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不是很有才华!

欢迎任何帮助。

1 个答案:

答案 0 :(得分:1)

如果

unsigned int value = 0;
value |= (unsigned char)duo_word_inst.duo_word[0];
value |= (unsigned char)duo_word_inst.duo_word[1] << 8;
value |= (unsigned char)duo_word_inst.duo_word[2] << 16;
value |= (unsigned char)duo_word_inst.duo_word[3] << 24;

与select的if ($(this).text() == "This Selection"){ $(".another-element-i-want-to-edit").css('display','block'); } 函数相同,它不起作用,因为您需要检查值而不是文本。意思改变

change

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