单击图像的选择框选项

Question

我有一个可以为产品（woocommerce）生成额外选项的插件。

1. 我创建带有几个选项的选择框，例如：blackky，whiteey，greyyy

2. 然后我创建带有图像的单选按钮：blackk，whitee，greyy

我如何“连接”它，因此如果有人单击“ blackk”，它还会在选择框中选择“ blackyy”选项。

链接外观：

https://dobrzekupuj.pl/product/woo-album-1/

https://dobrzekupuj.pl/product/woo-album-2/

Answer 1

类似这样的事情。您的值不容易解析

$("[name=tmcp_radio_1]").on("click",function() {
  var val = this.value
  if (val) $("#tmcp_select_1").val(val.split("_")[0]+"ey_1")
})

$("#tmcp_select_1").on("change",function() {
  var val = this.value
  if (val) $("[name=tmcp_radio_1][value="+val.split("y_")[0]+"_1]").click()
})