Javascript WooCommerce-在下一步中显示变体名称

Javascript WooCommerce-在下一步中显示变体名称,javascript,php,woocommerce,Javascript,Php,Woocommerce,我绞尽脑汁想了好几天,不幸的是找不到解决办法,所以我希望你能帮助我 我有一个有3个选项的可变产品。例如大小、颜色和打印。选择大小后,我希望在步骤2中显示它 示例:我选择M号,然后选择绿色M号、蓝色M号和红色M号。如果我选择红色,我在步骤3中有带点的M号红色和无打印的M号红色可供选择 Javascript对单个选项的更改如下: jQuery(function($) { $('body').on( 'change', 'table.variations select#pa_size', fu

我绞尽脑汁想了好几天,不幸的是找不到解决办法,所以我希望你能帮助我

我有一个有3个选项的可变产品。例如大小、颜色和打印。选择大小后,我希望在步骤2中显示它

示例:我选择M号,然后选择绿色M号、蓝色M号和红色M号。如果我选择红色,我在步骤3中有带点的M号红色和无打印的M号红色可供选择

Javascript对单个选项的更改如下:

jQuery(function($) {
    $('body').on( 'change', 'table.variations select#pa_size', function(){
但我不知道如何在它前面获得变体的标题并再次插入它

非常感谢