Question

我已经配置了一个包含4个选项的变体产品：

 - 1: 240x400cm
 - 2: 400x400cm
 - 3: 500x600cm
 - 4: Custom Work

我想要的是我在jQuery中的脚本检查在变体产品中选择了什么值作为选项。

示例：

If value = "custom work" show div.

此时我找不到解决方案来检查变体选项的启用/选定值。有人可以帮帮我吗？

Answer 1

试试这个希望这会对你有所帮助 -

<select id="colorselector">
   <option value="red">Red</option>
   <option value="yellow">Yellow</option>
   <option value="blue">Blue</option>
</select>
<div id="red" class="colors" style="display:none"> .A... </div>
<div id="yellow" class="colors" style="display:none"> ..B. </div>
<div id="blue" class="colors" style="display:none"> ...C </div>
<script>
jQuery(document).ready(function(){
    jQuery('#colorselector').change(function(){
      if(jQuery('#colorselector').val() == 'blue'){
        jQuery('#blue').show();
      }
    });
});
</script>

当选择变体产品时，Woocommerce显示div

1 个答案: