Woocommerce显示一个div时变化的产品选择

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>