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>