Javascript 隐藏输入字段，除非选择了特定变量-Shopify

例如，除非选择了第六个变量，否则我需要隐藏三个输入字段。它们都显示在下面的代码中

<div class="product-form__item product-form__item--quantity">
    <label for="Quantity-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
    <input type="number" id="Quantity-{{ section.id }}" name="quantity" value="1" min="1" class="product-form__input" pattern="[0-9]*">
</div>

{{'products.product.quantity'|t}

---

不确定这在liquid或JS中是否可行，但我需要一些帮助

让它与jQuery一起工作：）

jQuery("#SingleOptionSelector-0").change(function(){ 
  if($(this).val() == 'Personalized'){
    $(".product-form__item--quantity").show(); 
  } else { 
    $(".product-form__item--quantity").hide();
  }
});